IE градиент фильтра не показывает неправильные цвета

Question

У меня есть некоторые кнопки ссылок, которые я использую градиент CSS3, который я создал из Ultimate CSS Gradient Generator. Он отлично работает, за исключением IE7-9 (не беспокоясь о IE6). Вместо красивого серебристо-серого до темно-серого он отображает градиент от синего до черного. Код используется является:

background: #666666; /* Old browsers */ 
background: -moz-linear-gradient(top, #666666 0%, #141414 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#141414)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, #666666 0%,#141414 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, #666666 0%,#141414 100%); /* Opera11.10+ */ 
background: -ms-linear-gradient(top, #666666 0%,#141414 100%); /* IE10+ */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#141414',GradientType=0); /* IE6-9 */ 
background: linear-gradient(top, #666666 0%,#141414 100%); /* W3C */ 

Чтобы увидеть, что он делает, как: http://bradmccullough.com.w.jaijaz.co.nz/

Я заметил, что изменение элемента отображения CSS изменяет его, но не может положить палец на том, что именно происходит ,

Спасибо.

Answer 1

Это потому, что вы используете сокращенный цвет для серого в CSS. Убедитесь, что вы используете # 666666. Глядя на источник таблицы стилей, для фильтра IE вы используете # 666 (хотя в вашем сообщении выше вы его правильно).

Answer 2

У нас была аналогичная проблема в последнее время. Мы определили, что выполнение CSS-минимизации в файлах CSS сократит «# 666666» до «# 666», в результате IE8 не сможет отобразить правильное значение цвета в свойстве «фильтр». Единственная альтернатива заключалась в том, чтобы определить цвет как «белый» (наша проблема была с «#ffffff») или слегка изменила цвет, т. Е. «#fffffe», чтобы предотвратить его запись в сокращенном виде.