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

Question

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

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

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

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

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

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

Спасибо!

Answer 1

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

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

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

Answer 2

I Настоятельно Настоятельно Рекомендую просмотреть этот сайт. http://quirksmode.org/dom/compatibility.html: На нем есть отличная компиляция и тесты для большинства вещей, CSS и JavaScript

Answer 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

Answer 4

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

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

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

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

Answer 5

Во-первых, я бы посоветовал вам использовать Стили сброса Эрика Мейера , которые обеспечат максимально возможную корректность кросс-браузерной поддержки. Во-вторых, я бы пересмотрел пост Ядына о «Знании врага твоего». Хотя это может быть кошмаром, это нужно сделать, так как статистика покажет , что, хотя IE6 больше не активно развивается и перешла в IE7, он все еще широко используется.

Answer 6

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

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

Answer 7

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

В противном случае IE6 вернется в режим Quirks, и вам, по сути, придется поддерживать IE5 со всеми вытекающими отсюда ужасными последствиями.

Answer 8

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

Answer 9

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