Все браузеры, как браузеры, нормально работают со свойством border-color:transparent, один Internet Explorer 6 его не понимает. Приведу кусочек кода для примера:
.mydiv
{
width: 400px;
height: 200px;
border: solid 2px transparent;
}
Браузеры Internet Explorer 7, Firefox, Opera and Safari на границах элемента отобразят пустое прозрачное место шириной в 2px. Вместо прозрачного бордера в IE 6 появится чёрная сплошная полоса.
Исправить это можно, сделав небольшой хак, который поймёт только IE6:
*html .mydiv
{
border-color: pink;
filter: chroma(color=pink);
}
И вуаля! Убогий бордер исчез и стал прозрачным.
Комментариев нет:
Отправить комментарий