IE8 で RGBA 背景の不透明度を実現するにはどうすればよいですか?

RGBA による IE 8 背景の不透明度

RGBA による背景の不透明度を

に適用しようとしています。次の CSS を使用した要素:

background: rgba(255, 255, 255, 0.3);

これは Firefox では問題なく機能しますが、IE 8 では不十分です。この不均衡に対処するには、古いバージョンの Internet Explorer で不透明度を実現するための別のアプローチを検討する必要があります。

解決策: グラデーション フィルター

RGBA および HSLA の背景をシミュレートするにはIE では、開始色と終了色が同じであるグラデーション フィルターを使用できます。アルファ チャネル情報は、HEX 値の最初のペア内でエンコードされます:

background: rgba(255, 255, 255, 0.3); /* browsers */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */

このソリューションは、IE 8 で RGBA 不透明度を正常にエミュレートし、さまざまなブラウザー間で一貫した視覚エクスペリエンスを保証します。

以上がIE8 で RGBA 背景の不透明度を実現するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。