Есть ли способ заставить IE8 соблюдать прозрачность псевдоэлемента `: before`? - PullRequest
12 голосов
/ 22 сентября 2011

У меня есть этот простой 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 Ответ

20 голосов
/ 27 сентября 2011

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

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

image

Here's some sound reasoning as to why it's not possible: Почему градиент фильтра для псевдоэлемента не работает в IE8?

...