Есть ли способ сделать непрозрачность чести IE8 на псевдоэлементе `: before`?

У меня есть этот простой CSS...

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

jsFiddle.

Псевдоэлемент :before имеет правильную непрозрачность в Firefox 6. В IE8 непрозрачность не применяется.

Обычно, установка непрозрачности на div работает, но это не то, что я хочу.

Я попытался добавить display: block, но это не помогло.

В то время как я мог обходить это, есть ли какой-либо трюк, чтобы заставить IE8 почитать свойство opacity на псевдониме :before (и :after)?

Ответы

Ответ 1

Я не думаю, что это возможно.

У меня была такая же проблема некоторое время назад, и я в конечном итоге просто работал вокруг нее (не используя :before).

BrbJO.png

Вот несколько здравых рассуждений о том, почему это невозможно: Почему градиент фильтра на псевдоэлементе не работает в IE8?