style="border:solid 1px transparent" не работает в IE6, вместо этого он показывает черную рамку.
style="border:solid 1px transparent"
Как решить эту проблему?
IE6 не поддерживает border, то есть transparent.
border
transparent
При быстром поиске я нашел этот обходной путь:
http://acidmartin.wordpress.com/2008/08/24/emulating-border-color-transparent-in-internet-explorer-6/
Для поставить его на работу с IE6, мы будем создать другое правило, которое видно только в версии 6 (взломать * html) всего две строки кода: *html .testDiv { border-color: pink; filter: chroma(color=pink); } ... И вуаля! Уродливая черная кайма вокруг .testDiv волшебным образом исчезает. Последние вещи, которые вы должны иметь в ум перед использованием этого трюка является цвет (как границы, так и цветность) в хаке. Убедитесь, что вы примените border-color (и соответственно используйте его в фильтре цветности), который не используется в этом div, как фильтр цветности отображает определенный цвет объекта и его содержание как прозрачное, т.е. если цвет границы в хаке оранжевый, и текст в вашем элементе оранжевый, он исчезнет когда оранжевый фильтр цветности приложенное.
Для поставить его на работу с IE6, мы будем создать другое правило, которое видно только в версии 6 (взломать * html) всего две строки кода:
*html .testDiv { border-color: pink; filter: chroma(color=pink); }
... И вуаля! Уродливая черная кайма вокруг .testDiv волшебным образом исчезает.
Последние вещи, которые вы должны иметь в ум перед использованием этого трюка является цвет (как границы, так и цветность) в хаке. Убедитесь, что вы примените border-color (и соответственно используйте его в фильтре цветности), который не используется в этом div, как фильтр цветности отображает определенный цвет объекта и его содержание как прозрачное, т.е. если цвет границы в хаке оранжевый, и текст в вашем элементе оранжевый, он исчезнет когда оранжевый фильтр цветности приложенное.