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 座標、基本的に画像とレイヤーの右下隅 (画像とレイヤーの高さ)