CSS: border-color: transparent в IE6

Аватара пользователя
Distructor
Администратор
Сообщения: 1600
Зарегистрирован: 28 дек 2009
Есть такое замечательное CSS-свойство border-color: transparent , делающее границу элемента прозрачной.
При тестировании его в различных браузерах, было обнаружено что в Internet Explorer 6 данное свойство не работает - вокруг элемента появляется черная граница, как будто transparent мы и не писали. К счастью для разработчиков, в IE7 всё работает отлично - поэтому трюк предназначен только для IE6.
Предположим, у нас есть такой блок:

Код: Выделить всё

.testDiv  {
   width: 200px;
   height: 200px;
   border: solid 10px transparent;
}
Всё прекрасно работает в IE7+, Firefox, Opera и Safari, но в IE6 появляется уродливая черная граница вокруг элемента.
Применив хак для IE6 и малораспространенный фильтр для блока получим:

Код: Выделить всё

*html .testDiv {
   border-color: #00044F;
   filter: chroma(color=#00044F);
}

Всё, рамка вокруг элемента исчезла, и , помните, что цвет границы и цвет внутри параметров фильтра для IE6 должны совпадать.

источник http://lastdayz.ru/forum/31-284-1 http://acidmartin.wordpress.com/2008/08 ... xplorer-6/

Вернуться в «Уроки и статьи по верстке»