CSS: border-color: transparent в IE6

Ответить
Аватара пользователя
Distructor
Администратор
Сообщения: 1606
Зарегистрирован: 28.12.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/

Ответить