ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS は div 要素の透明度を設定します_html/css_WEB-ITnose

CSS は div 要素の透明度を設定します_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:56:56
オリジナル
1000 人が閲覧しました

IE では、「フィルター」を通じて「不透明度」を定義する必要がありますが、Mozilla では「不透明度」を直接解析できるため、この効果を両方のブラウザーでサポートしたい場合は、2 つの設定を変更する必要があります。必ずすべて追加してください。

.div {     filter:alpha(opacity=50);/*IE*/     opacity:0.5;/*Mozilla*/}
ログイン後にコピー

次のスタイル シートを使用して、さまざまなトランジション効果を持つ div を定義します。 .alpha は div のクラスです。5 年間かけて丁寧に開発された UI フロントエンド フレームワークです。


.alpha { filter: alpha(Opacity=50, FinishOpacity=50, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100}
説明:
Opacity=Starting Opacity(100 になります透明にしない)
FinishOpacity=終了不透明度(100だと透明になりません)
Style=スタイル、0から始まり、1.2.3…均一透明、放射状透明があります…
StartX=開始透明度の X 座標は、基本的に画像またはレイヤーの左上隅 (0) です
StartY= 開始透明度の Y 座標は、基本的に画像またはレイヤーの左上隅 (0) です
FinishX= の X 座標透明度の終了、基本的に上部は画像とレイヤーの右下隅でもあります (画像とレイヤーの幅)
FinishY = 透明度の終了の Y 座標、基本的に画像とレイヤーの右下隅 (画像とレイヤーの高さ)

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート