Список отличий IE6 от стандартов: различия между версиями
Iniquity (обсуждение | вклад) категория->темы |
DannyS712 (обсуждение | вклад) м <source> -> <syntaxhighlight> (phab:T237267) |
||
Строка 9: | Строка 9: | ||
Тег |
Тег |
||
< |
<syntaxhighlight lang="html4strict"> |
||
<input type="text" style="width:100%;" value="very-very-long-string"> |
<input type="text" style="width:100%;" value="very-very-long-string"> |
||
</syntaxhighlight> |
|||
</source> |
|||
, который помещён между тегами <nowiki><td></td></nowiki> таблицы, у которой в свою очередь выставлено <tt>width=100%</tt>, то есть при структуре вида |
, который помещён между тегами <nowiki><td></td></nowiki> таблицы, у которой в свою очередь выставлено <tt>width=100%</tt>, то есть при структуре вида |
||
< |
<syntaxhighlight lang="html4strict"> |
||
<table width=100%> |
<table width=100%> |
||
<tr> |
<tr> |
||
Строка 23: | Строка 23: | ||
</tr> |
</tr> |
||
</table> |
</table> |
||
</syntaxhighlight> |
|||
</source> |
|||
принимает такую ширину, при которой полностью виден указанный текст. |
принимает такую ширину, при которой полностью виден указанный текст. |
||
Строка 48: | Строка 48: | ||
При вставке в объект <tt>select</tt> очередного элемента <tt>option</tt> при помощи метода <tt>insertBefore</tt>, причём индекс вставляемого элемента оказывается меньше либо равен полю <tt>selectedIndex</tt>, в браузере не перерисовывается активный элемент. Для его перерисовки нужно выполнить код: |
При вставке в объект <tt>select</tt> очередного элемента <tt>option</tt> при помощи метода <tt>insertBefore</tt>, причём индекс вставляемого элемента оказывается меньше либо равен полю <tt>selectedIndex</tt>, в браузере не перерисовывается активный элемент. Для его перерисовки нужно выполнить код: |
||
< |
<syntaxhighlight lang="javascript"> |
||
var oldIndex = selObj.selectedIndex; |
var oldIndex = selObj.selectedIndex; |
||
selObj.selectedIndex = -1; |
selObj.selectedIndex = -1; |
||
selObj.selectedIndex = oldIndex; |
selObj.selectedIndex = oldIndex; |
||
</syntaxhighlight> |
|||
</source> |
|||
== [[w:PNG|PNG]] == |
== [[w:PNG|PNG]] == |
Версия от 16:06, 16 апреля 2020
Введение
Этот учебник содержит перечень отличий браузера 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://www.twinhelix.com/css/iepngfix/
- http://24ways.org/2007/supersleight-transparent-png-in-ie6/
- http://www.dillerdesign.com/experiment/DD_belatedPNG/
- http://code.google.com/p/ie7-js/
- http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html
Ссылки
- http://browserhacks.com/ — это англоязычный сайт, на котором собраны CSS/JS-хаки на все браузеры, а не только ie (очень полезный ресурс для верстальщиков)
- http://caniuse.com/#compare=ie+6,ie+7,ie+8,ie+9,ie+10,ie+11,ie+Edge — это таблица поддержки браузером ie новых технологий и стандартов