Список отличий IE6 от стандартов: различия между версиями
Oleg4280 (обсуждение | вклад) Не поддерживается прозрачность для PNG24 |
Oleg4280 (обсуждение | вклад) оформление |
||
Строка 3: | Строка 3: | ||
Эта статья содержит перечень отличий браузера [[w:Internet Explorer 6|IE6]] от общепринятых стандартов. Она поможет новичкам разобраться в этом браузере и не допускать одних и тех же ошибок. |
Эта статья содержит перечень отличий браузера [[w:Internet Explorer 6|IE6]] от общепринятых стандартов. Она поможет новичкам разобраться в этом браузере и не допускать одних и тех же ошибок. |
||
== CSS1 == |
== [[w:CSS|CSS1]] == |
||
Тег |
Тег |
||
Строка 25: | Строка 25: | ||
принимает такую ширину, при которой полностью виден указанный текст. |
принимает такую ширину, при которой полностью виден указанный текст. |
||
== CSS2.1 == |
== [[w:CSS|CSS2.1]] == |
||
Не поддерживаются следующие свойства и значения: |
Не поддерживаются следующие свойства и значения: |
||
Строка 47: | Строка 47: | ||
Однопиксельное значение '''dotted''' (пунктир) для свойств '''border-style''' отображается как '''dashed''' (штрих-пунктир). |
Однопиксельное значение '''dotted''' (пунктир) для свойств '''border-style''' отображается как '''dashed''' (штрих-пунктир). |
||
== DHTML == |
== [[w:DHTML|DHTML]] == |
||
При вставке в объект <tt> |
При вставке в объект <tt>select</tt> очередного элемента <tt>option</tt> при помощи метода <tt>insertBefore</tt>, причём индекс вставляемого элемента оказывается меньше либо равен полю <tt>selectedIndex</tt>, в браузере не перерисовывается активный элемент. Для его перерисовки нужно выполнить код: |
||
<source lang="javascript"> |
<source lang="javascript"> |
||
Строка 57: | Строка 57: | ||
</source> |
</source> |
||
== PNG == |
== [[w:PNG|PNG]] == |
||
Не поддерживается прозрачность для PNG24. |
Не поддерживается прозрачность для PNG24. |
Версия от 13:54, 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 новых технологий и стандартов