Описание тега internet-explorer-7
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
, вычисленное значение равно 0auto
глючит для абсолютного позиционированияОтрицательные поля требуют расположения относительно
<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;
наследуется дочерними элементами блочных элементов
Ресурсы
- Почему я получаю сообщение об ошибке "Операция прервана" при посещении веб-страницы в Internet Explorer
- Совместимость каскадных таблиц стилей в Internet Explorer 7
- Атрибуты CSS: индекс
- hasLayout Свойство
- IE7: ошибка парящих призраков
- Ошибка зависания IE7: игнорируется z-index (и другие свойства)
- Селекторы CSS IE7: как они не работают