Когда выйдет IE8, будет ли работать следующий код для добавления условной таблицы стилей?
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="ie-8.0.css" />
<![endif]-->
Я читал противоречивые отчеты о том, работает ли это с бета-версией. Я надеюсь, что кто-то может поделиться своим опытом. Спасибо.
У меня это сработало — и в режиме причуд, и в режиме соответствия стандартам. Однако он не работает при переключении в режим совместимости с IE8.
Одно замечание:
Он работает, НО если вы загружаете страницу/сайт в локальной сети (например, в интранете), он загрузится в режиме IE7 по умолчанию! (обновление - localhost[*] — это особый случай, который отображает в стандартном режиме)
Это противоречит исходному заявлению MSFT о переходе на СТАНДАРТЫ по умолчанию.
e.g.
http://127.0.0.1/mysite/mypage.php <-- IE8 by default (updated!)
http://localhost/mysite/mypage.php <-- IE8 by default (updated!)
http://machinename/mysite/mypage.php <-- IE7 by default
http://192.168.100.x/mysite/mypage.php <-- IE7 by default
http://google.com/ <-- IE8 by default
[*] — Скотт Диккенс [MSFT] отметил в комментарии здесь, в блоге IE, что localhost был особым сценарием в интрасети (часто используемым для разработки интернет-сайтов), поэтому по умолчанию он будет отображаться в стандартном режиме.
Чтобы проверить, в каком режиме на самом деле отображается страница в IE8, вы можете использовать инструменты разработчика или использовать этот код букмарклета (работает только в IE8):
javascript:
var vMode=document.documentMode;
var rMode='IE5 Quirks Mode';
if(vMode==8){
rMode='IE8 Standards Mode';
} else if(vMode==7){
rMode='IE7 Strict Mode';
}
alert('Rendering in: '+rMode);
Настройки представления Инструменты/Совместимость
снимите их все
Спасибо за помощь. Я нашел решение, по-видимому, проблема заключалась в том, что каждая таблица стилей использовала свой собственный атрибут заголовка. Как только я удалил заголовок со всех, кроме основной таблицы стилей, без проблем.
Это странная проблема, уникальная для IE8, и хотя мне сказали, что она должна работать таким образом, что-то связанное с «Предпочтением таблицы стилей» — она служит только для создания проблем, поскольку решение требует, чтобы вы удалили заголовок, который может быть полезен. при написании сценариев и т. д. - когда вам нужно вызвать таблицу стилей.
В любом случае, не уверен, является ли это ошибкой или так и должно быть, но я надеюсь, что Microsoft продолжит расследование.
Спасибо
Зачем вообще писать отдельную таблицу стилей для IE8?
Если вы уже выполняли отладку для IE7, вы можете принудительно перевести IE8 в режим совместимости и, таким образом, отобразить свой код так, как если бы IE8 был IE7.
Все, что вам нужно сделать, это поместить это ПРЯМО ПОД открывающим тегом заголовка. В другом месте и не получится.
И тогда это в среднем на полчаса или около того меньше работы над проектом, не требуется интенсивная отладка для IE8!
Даже Msn.com делает это — какая-то ирония, а?
Недавно написал об этом сообщение в блоге: http://blog.sankhomallik.com/2009/11/16/stop-wasting-time-debugging-on-ie8-when-you-dont-have-to-or-get-ie8-to-behave-like-ie7/
IE8 выглядит довольно хорошо по сравнению с IE7, у меня есть таблицы стилей для IE6, IE7 и IE8; сначала я думал, что условные комментарии не работают для IE8, после небольшого эксперимента я обнаружил, что некоторые правила не применялись IE8 только потому, что мне нужно было сначала поставить предка или родительский класс, например у меня был такой класс
.niceclass {some:properties;more:properties;}
это работало только, если я изменил его на что-то вроде:
.parentclass .niceclass {some:properties;more:properties;} или
#parentselector .niceclass {some:properties;more:properties;}
Кстати, в моем css только для IE8 у меня есть только одно переопределяющее правило, остальное отображается почти как Firefox, хотя это все равно не заставляет меня покинуть FF !.
Со своей стороны, я хотел использовать закругленные границы с помощью css. IE8 в Vista не поддерживает такое. И поскольку графика была такой, что закругленные границы также отображали красивую закругленную тень, страница выглядела ужасно в IE8.
Я пытался использовать условные комментарии, но безрезультатно, IE8 не оценивал выражение if IE и, следовательно, не включал внешнюю таблицу стилей.
Затем я попытался перевести его в режим причудливости/совместимости, однако это все равно не сработало, поскольку хаки CSS, которые я использовал, больше не работали для IE8.
И последнее, но не менее важное: я нашел работающий CSS-хак, который корректно отображает страницу в режиме совместимости.
* + html #test[id] { color:lime }
Теперь я не знаю, работает ли это для IE7 или ниже, поэтому у вас будет как минимум три разных хака для каждого выпуска IE, который вы хотите поддерживать, т.е.
* + html #test,
html+body #test,
* html body #test
{ color:lime }
Интересно, что ждет нас в следующей регрессии Internet Exploiter.
