Список отличий IE6 от стандартов: различия между версиями

Материал из Викиучебника — открытых книг для открытого мира
Содержимое удалено Содержимое добавлено
м простановка шаблона "по алфавиту" по запросу на Форуме с помощью AWB
Строка 32: Строка 32:


* Псевдо-классы <code>:active</code>, <code>:focus</code>, <code>:lang</code> и <code>:first-child</code>
* Псевдо-классы <code>:active</code>, <code>:focus</code>, <code>:lang</code> и <code>:first-child</code>

* Псевдо-класс <code>:hover</code> работает только для селектора <code>a</code>, то есть только для ссылок
* Псевдо-класс <code>:hover</code> работает только для селектора <code>a</code>, то есть только для ссылок

* Псевдо-элементы <code>:after</code>, <code>:before</code> и свойство <code>content</code>
* Псевдо-элементы <code>:after</code>, <code>:before</code> и свойство <code>content</code>

* <code>position: fixed</code>
* <code>position: fixed</code>

* <code>min-width</code>, <code>max-width</code>, <code>min-height</code>, <code>max-height</code>
* <code>min-width</code>, <code>max-width</code>, <code>min-height</code>, <code>max-height</code>

* <code>outline</code>
* <code>outline</code>


Строка 66: Строка 61:


* http://www.twinhelix.com/css/iepngfix/
* http://www.twinhelix.com/css/iepngfix/

* http://24ways.org/2007/supersleight-transparent-png-in-ie6/
* http://24ways.org/2007/supersleight-transparent-png-in-ie6/

* http://www.dillerdesign.com/experiment/DD_belatedPNG/
* http://www.dillerdesign.com/experiment/DD_belatedPNG/

* http://code.google.com/p/ie7-js/
* http://code.google.com/p/ie7-js/

* http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html
* http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html


Строка 79: Строка 70:
* http://browserhacks.com/ — это англоязычный сайт, на котором собраны CSS/JS-хаки на все браузеры, а не только ie (очень полезный ресурс для верстальщиков)
* 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 новых технологий и стандартов
* http://caniuse.com/#compare=ie+6,ie+7,ie+8,ie+9,ie+10,ie+11,ie+Edge — это таблица поддержки браузером ie новых технологий и стандартов

{{По алфавиту}}


[[Категория:Языки разметки]]
[[Категория:Языки разметки]]

Версия от 09:15, 10 марта 2016

Введение

Этот учебник содержит перечень отличий браузера 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.

Есть ряд решений, позволяющих обойти это ограничение:

Ссылки