Описание тега internet-explorer-7

Windows Internet Explorer 7 - это веб-браузер, разработанный Microsoft, выпущенный в октябре 2006 года для Windows XP и Windows Server 2003.

Internet Explorer 7 (IE7) последовал за Internet Explorer 6. Он предлагался в качестве замены предыдущего браузера.

Проблемы парсинга HTML и CSS

  • position:relative; display:inline-block;имитирует z-index:auto. Используйте div-оболочку, чтобы обойти это поведение

  • position:relativeсоздает новый контекст наложения. Используйте position:static и отрицательные поля, чтобы обойти это поведение

  • Комментарии между селекторами приведут к сбою синтаксического анализа CSS:

    body > /**/ .dude, x:-webkit-any-link { color:red; }

  • Комментарии между элементами HTML вызовут :first-child потерпеть неудачу:

    <div><!--foo--><span>bar</span></div>

  • С помощью :hover в селекторе классов также применяет его к любым родственным гиперссылкам:

    .dude:hover { color:red; }

    <span class="dude"></span>

    <a href="#">dude</a>

  • Каждый другой (нечетный дочерний) элемент br в элементе, между буквами которого задано значение длины, будет проигнорирован.

  • Позиционирование в JavaScript не выполняется, если display отсутствует или ширина и высота равны 0

  • Пунктирные границы в 1 пиксель отображаются как пунктирные, если какая-либо из его 4 сторон имеет другую ширину границы.

  • Ems глючит при использовании для изменения размера шрифта

  • Если margin-top или margin-bottom являются auto, вычисленное значение равно 0

  • auto глючит для абсолютного позиционирования

  • Отрицательные поля требуют расположения относительно

  • <label> тегам нужен атрибут for

  • <q> не отображает кавычки

  • Щелчок по изображению, вложенному в элемент метки, не работает в IE7 и IE8.

  • list-style:none не сбрасывается list-style-image:url(foo.jpg)замененные элементы; использоватьlist-style-image:url() или list-style-image:none вместо этого сделать сброс

  • :link,:visited,:hover стиль фона не работает для изображений с гиперссылками

  • Форма с 1 вводом для текста и 1 вводом для кнопки отправки будет размещать только вводимое текстовое значение, а не значение отправки, когда пользователь нажимает клавишу Enter из вводимого текста.

  • Элемент кнопки с текстовым узлом отправляет текст POST как часть поля значения, поэтому вместо этого используйте input type=button

  • visibility:hidden заставляет абсолютно позиционированные элементы игнорировать их относительно позиционированный родительский элемент

  • width:0; height:0; наследуется дочерними элементами блочных элементов

Ресурсы