Список функций CSS, не поддерживаемых IE6

Я только что закончил нарезку и кодирование очень приятного шаблона css без таблиц для моего сайта, все время я тестировал с помощью IE7 и Chrome.

Тогда у меня была блестящая идея тестирования этого шаблона с IE6, я установил Windows XP на виртуальный компьютер, а затем открыл свой сайт на IE6.

Это выглядит очень плохо!

Формат моей страницы выглядел как мусор, и ничего не отображалось правильно, как в IE7 и Chrome. Я знал, что некоторые вещи не поддерживаются IE6, но я не думал, что моя страница будет отображаться так же, как и она.

Итак, я хотел бы знать, есть ли место, где я могу видеть то, что не поддерживается IE6, поэтому я могу исправить мой CSS или даже создать новый только для IE6.

Любая информация будет очень полезной!

Спасибо!

ОТВЕТЫ

Ответ 1

IE6 содержит множество ошибок CSS, которые будут способствовать рендерингу страниц. Официальный список того, что есть и не поддерживается, находится здесь.

Что может вам помочь, positioniseverything.net, у них есть полный список ошибок IE и их исправлений.

Если вы все еще пытаетесь получить правильное сообщение о ссылке на свою страницу.

Ответ 2

Я сильно сильно рекомендую вам посмотреть этот сайт http://quirksmode.org/dom/compatibility.html: он имеет отличную сборку и тестовые примеры для большинства вещей, css и javascript.

Ответ 3

Я бы предположил, что на вашем компьютере установлен Firefox. Если это так, установите надстройку Firebug (что само по себе фантастично), но если вы также установите новое дополнение от Sitepoint, FireScope, оно позволит вам щелкнуть правой кнопкой мыши по вашим элементам в Firebug и поднять диаграмму совместимости браузера для ваши CSS и HTML (плюс дополнительные примеры кода)

С Firebug вы также можете отредактировать свой CSS и посмотреть результат в реальном времени, который может сохранить много времени!

После того, как вы определили области сайта, которые нарушают, используйте следующий подход, чтобы использовать специальную таблицу стилей IE6 для их исправления, чтобы ваш дизайн работал так, как вы планировали использовать более современные браузеры.

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="/Css/IE6.css" media="all" />
<![endif]-->

В качестве дополнительной непрозрачности подсказки и PNG или GIF с прозрачным фоном не имеют ничего общего с IE6, и я настоятельно рекомендую использовать библиотеку JavaScript, такую ​​как Prototype или JQuery, если вы работаете с JavaScript

Ответ 4

Некоторые примеры:

  • Селекторы для детей: a>b {}
  • Смежные селектора: a + b {}
  • Селекторы атрибутов: [id="my_id"] {}

Для впечатляющего примера использования несовместимостей посмотрите Gemination в дизайне сада CSS zen с IE6 и Firefox.

Кроме того, вы можете перемещаться по Разделить сайт для ресурсов по этому предмету (и многие другие о веб-дизайне).

Ответ 5

те, которые я наткнулся на большинство:

- li:hover (or on any element except a)
- min/max-width
- min/max-height

Ответ 6

Во-первых, я бы посоветовал использовать Eric Meyer Reset Styles, который обеспечит максимально возможную правильность для кросс-браузерной поддержки. Во-вторых, я бы пересмотрел сообщение Ядына о "Знании своего врага". Хотя это может быть кошмар, это должно быть сделано как статистика покажет, что, хотя IE6 больше не активно развивается и был захвачен IE7, он все еще широко используется.

Ответ 7

В дополнение к перечисленным вещам, убедитесь, что вы используете doctype, что делает IE6 + использовать режим стандартов. Ошибки и взломы практически управляемы в режиме стандартов без необходимости иметь совершенно другую таблицу стилей.

В противном случае IE6 вернется в режим Quirks, и вам, по сути, придется поддерживать IE5, в том числе и в том, что влечет за собой ужасную ошибку в коробке-модели.

Ответ 8

Что-то, что никогда не работает для меня, это атрибут visibility. И это тоже штопало раздражающим (нет, это не то же самое, что display!)

Ответ 9

Если вы посмотрите на W3Schools, он сообщает вам, какие свойства поддерживают браузер.