#css #internet-explorer #internet-explorer-6 #border-color
#css #internet-explorer #Цвет #граница #internet-explorer-6
Вопрос:
style="border:solid 1px transparent" не работает в IE6. Вместо этого он показывает черную рамку.
Как решить эту проблему?
Комментарии:
1. Моя рекомендация — отказаться от поддержки IE6, если только вам не платят за это очень хороший бонус. Есть много вещей, которые IE6 не поддерживает, включая это, и вы собираетесь потратить много времени на борьбу с этим. Как веб-дизайнер, если вас попросят поддержать IE6, вы должны, по крайней мере, удвоить свою цену.
2. @Spudley: Я полностью согласен с вами 🙂
Ответ №1:
IE6 не поддерживает border то есть transparent .
С помощью быстрого поиска я нашел это обходное решение:
Чтобы заставить его работать с IE6, мы создадим другое правило, которое видно только в версии 6 (* html hack), всего двумя строками кода:
*html .testDiv { border-color: pink; filter: chroma(color=pink); }… И вуаля! Уродливая черная рамка
around .testDiv волшебным образом исчезает.Последнее, что вы должны иметь в виду перед использованием этого трюка, — это цвет (как границы, так и цветности) во взломе. Убедитесь, что вы применили цвет границы (и, соответственно, используете его в фильтре цветности), который не используется в этом div, поскольку фильтр цветности отображает определенный цвет объекта и его содержимого как прозрачные, т. Е. Если цвет границы во взломе оранжевый, а текст в вашем элементе также оранжевый, он исчезнет, когда будет применен оранжевый фильтр цветности.
Комментарии:
1. @Naveed Butt: Вы уверены? msdn.microsoft.com/en-us/library/ms532982 (v = против 85).aspx
2. Да, это сработало, но когда применяется фильтр, мои буквы внутри div, где была применена граница, искажаются. В чем может быть причина?
3. Я посмотрю. Какой цвет текста / границы / цветности вы используете?
4. цвет текста — #919191, цвет границы — #898989, цветность (color =#898989)
5. @ thirtydot: Я думаю, что лучше не тратить время на эту проблему с IE6 🙂