Цвет: rgba () обходной путь для Internet Explorer?

Question

Мне удалось успешно использовать следующий метод обхода:

background: rgb(42,42,42);
background: rgba(42,42,42,0.7);

Однако это работает только с background: и не работает с color:. Кто-нибудь знает обходной путь, чтобы заставить его работать с color:?

Answer 1

После некоторого дополнительного исследования я обнаружил, что это добилось цели:

<!--[if lte IE 8]> 
    <style type="text/css"> 
        a#scrollUp { 
            color: #ffffff !important; 
        }    
    </style> 
<![endif]-->

Используются условные таблицы стилей;lte IE 8 будет соответствовать любой версии IE ниже или равной 8. Просто введите правильный (шестнадцатеричное обозначение) цвет и назначьте ему приоритет с помощью important.

Надеюсь, это поможет и другим веб-дизайнерам!

Я не уверен, что приму мой собственный ответ, я просто надеюсь, что кто-то еще опубликует лучший (более эффективный), работающий обходной путь.

Answer 2

Internet Explorer принимает только проценты в качестве значений RGB.Это будет работать

color: rgb(16%,16%,16%);
color: rgba(42,42,42,0.7);

Microsoft Spec: http://msdn.microsoft.com/library/ms530749.aspx

DEMO: http://wecodesign.com/demos/stackoverflow-7082955.htm

ОБНОВЛЕНИЕ из-за ошибки в режиме совместимости IE, если вы объявляете две одинаковые вещи, они игнорируют их обе, следующее будет работать как в режиме совместимости, так и в режиме стандартов

h1 {
    color: rgb(16%,16%,16%);
}
h1 {
    color: rgba(42,42,42,0.7);
}