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

Question

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

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

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

Answer 1

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

UPDATE из-за ошибки в режиме совместимости с IE, если объявить два из одного и того же, он игнорирует их обоих, следующее будет работать как в режиме совместимости, так и в стандартном режиме.

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

Answer 2

После некоторых дополнительных исследований я обнаружил, что это сделал трюк:

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

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

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

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