12

私はこの単純なCSSを持っています...

div:before {
    content: "G'day";   
    filter: alpha(opacity=40);
    -moz-opacity: .4;
    opacity: .4;
}

jsFiddle。

Firefox 6では、疑似要素の:before不透明度が正しくなっています。IE8では、不透明度は適用されません。

通常、div作品に不透明度を設定しますが、それは私が望んでいることではありません。

追加してみましたが、効果display: blockがありませんでした。

これを回避することはできますが、 IE8に（そしてさらに言えば）疑似要素のopacityプロパティを尊重させるためのトリックはありますか？:before:after

4

1 に答える 1

20

それは不可能だと思います。

しばらく前に同じ問題が発生しましたが、（を使用せずに:before）問題を回避することになりました。

なぜそれが不可能なのかについてのいくつかの確かな理由があります：なぜ疑似要素のフィルターグラデーションがIE8で機能しないのですか？

于 2011-09-26T23:15:46.967 に答える