CSS の不透明度が Internet Explorer 8 で機能しないのはなぜですか?

Internet Explorer 8 の CSS の不透明度の問題に対処する

Internet Explorer 8 内で CSS を使用して不透明度を調整しようとすると、ユーザーは次のような問題に遭遇する可能性があります。望ましい視覚効果を妨げます。この記事では、特に IE8 における不透明度の問題の解決の複雑さについて説明します。

あるユーザーは、さまざまな CSS 設定を使用して jQuery スライドダウン効果をアクティブにすることを目的としたトリガー テキストの不透明度を変更できないと報告しました。この変更は Firefox や Chrome などの他のブラウザでは効果的に機能しましたが、IE8 では不透明度の変更に関する永続的な問題が発生しました。

使用された CSS コードには以下が含まれていました。

.slidedownTrigger
{
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -khtml-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
}

異なる CSS 構成を使用して何度も試みたにもかかわらず、および要素では、IE8 では必要な不透明度の調整が依然として困難でした。独自の -ms-filter を使用しても期待した結果は得られませんでした。

この問題を最終的に解決した解決策は、特定の IE 互換 CSS プロパティの実装でした:

-moz-opacity: 0.70;
opacity:.70;
filter: alpha(opacity=70);

CSS プロパティのこの組み合わせを利用することで、不透明度の変更は Internet Explorer 8 内で意図したとおりに動作しました。この構成はブラウザーの独自のレンダリング エンジンに対処し、不透明度の適切な実装を保証します。調整。

以上がCSS の不透明度が Internet Explorer 8 で機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。