Список отличий IE6 от стандартов: различия между версиями
Oleg4280 (обсуждение | вклад) оформление |
Oleg4280 (обсуждение | вклад) оформление |
||
Строка 29: | Строка 29: | ||
Не поддерживаются следующие свойства и значения: |
Не поддерживаются следующие свойства и значения: |
||
* Псевдо-классы |
* Псевдо-классы <code>:active</code>, <code>:focus</code>, <code>:lang</code> и <code>:first-child</code> |
||
* Псевдо-класс |
* Псевдо-класс <code>:hover</code> работает только для селектора <code>a</code>, то есть только для ссылок |
||
* Псевдо-элементы |
* Псевдо-элементы <code>:after</code>, <code>:before</code> и свойство <code>content</code> |
||
* |
* <code>position: fixed</code> |
||
* |
* <code>min-width</code>, <code>max-width</code>, <code>min-height</code>, <code>max-height</code> |
||
* |
* <code>outline</code> |
||
Свойство |
Свойство <code>text-align</code> выравнивает по горизонтали не только текст, который содержится в блоке, но и сам блочный элемент. |
||
Не работает |
Не работает <code>margin: 0 auto;</code>, то есть выравнивание по центру. |
||
Однопиксельное значение |
Однопиксельное значение <tt>dotted</tt> (пунктир) для свойств <code>border-style</code> отображается как <tt>dashed</tt> (штрих-пунктир). |
||
== [[w:DHTML|DHTML]] == |
== [[w:DHTML|DHTML]] == |
||
Строка 59: | Строка 59: | ||
== [[w:PNG|PNG]] == |
== [[w:PNG|PNG]] == |
||
Не поддерживается прозрачность для PNG24. |
Не поддерживается [[w:Альфа-канал|прозрачность]] для PNG24. |
||
Есть ряд решений, позволяющих обойти это ограничение: |
Есть ряд решений, позволяющих обойти это ограничение: |
Версия от 14:11, 10 июня 2014
Введение
Эта статья содержит перечень отличий браузера IE6 от общепринятых стандартов. Она поможет новичкам разобраться в этом браузере и не допускать одних и тех же ошибок.
CSS1
Тег
<input type="text" style="width:100%;" value="very-very-long-string">
, который помещён между тегами <td></td> таблицы, у которой в свою очередь выставлено width=100%, т.е. при структуре вида
<table width=100%>
<tr>
<td>
<input type="text" style="width:100%;" value="very-very-long-string">
</td>
</tr>
</table>
принимает такую ширину, при которой полностью виден указанный текст.
CSS2.1
Не поддерживаются следующие свойства и значения:
- Псевдо-классы
:active
,:focus
,:lang
и:first-child
- Псевдо-класс
:hover
работает только для селектораa
, то есть только для ссылок
- Псевдо-элементы
:after
,:before
и свойствоcontent
position: fixed
min-width
,max-width
,min-height
,max-height
outline
Свойство text-align
выравнивает по горизонтали не только текст, который содержится в блоке, но и сам блочный элемент.
Не работает margin: 0 auto;
, то есть выравнивание по центру.
Однопиксельное значение dotted (пунктир) для свойств border-style
отображается как dashed (штрих-пунктир).
DHTML
При вставке в объект select очередного элемента option при помощи метода insertBefore, причём индекс вставляемого элемента оказывается меньше либо равен полю selectedIndex, в браузере не перерисовывается активный элемент. Для его перерисовки нужно выполнить код:
var oldIndex = selObj.selectedIndex;
selObj.selectedIndex = -1;
selObj.selectedIndex = oldIndex;
PNG
Не поддерживается прозрачность для PNG24.
Есть ряд решений, позволяющих обойти это ограничение:
Ссылки
- http://browserhacks.com/ — это англоязычный сайт, на котором собраны CSS/JS-хаки на все браузеры, а не только ie (очень полезный ресурс для верстальщиков)
- http://caniuse.com/#compare=ie+5.5,ie+6,ie+7,ie+8,ie+9,ie+10,ie+11 — это таблица поддержки браузером ie новых технологий и стандартов