Вопрос по internet-explorer, html5, conditional-comments, html5boilerplate, internet-explorer-9 – Как настроить IE9 с помощью новой HTML5 Boilerplate?

2

Я пытаюсь настроить класс для IE. Однако, так как шаблон шаблона изменился, это больше не работает ..

.myclass {
 //do something
}


.ie7 .myclass {
 ///do something

 }

Это то, что находится в новом заголовке шаблона шаблона.

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

Ваш Ответ

2   ответа
18

так как он имеет все обозначения современного браузера, поэтому у нас нет специального условного класса IE9. Если вы все еще хотели бы, вы можете использовать:

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js lt-ie10" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]--> 

Обратите внимание, чтоIE10 не распознает условные комментарии.

Я должен сказать, что если использовать этот обходной путь, было бы правильнее включить класс lt-ie10 во все условные комментарии, а не только в IE 9, чтобы селектор .lt-ie10 работал длявсе IE до 10 :) dimsuz
Не IE10 и какой-либо другой браузер отсутствует<html> тег? Ωmega
Есть одно специальное исключение, когда даже условные комментарии не помогают. Когда ваша страница открывается в iframe, где на хосте включен режим причуд. Обычно, если это происходит наоборот, IE имитирует режим quirks для iframe, но если хост находится в quirks, iframe также отображается в quirks (поскольку IE не может отобразить одну веб-страницу с двумя механизмами одновременно). В этом случае условные комментарии не работают, и вам придется воспользоваться JS-хаки, чтобы все выглядело хорошо с полифиллами и шивами. zamber
Рад, что нашел это. box-shadow прослушивается в IE9 и IE10. Это пригодится для решения проблемы в IE9. IE10, к сожалению, останется проблемой, я думаю. :( jkupczak
Мне пришлось нацелиться на IE9 из-за неправильной калькуляции заполнения внутри «заголовка», когдаfont-size внутри заголовка был у них Robert Niestroj
0

Як Котел! Так или иначе:

.lt-ie9.lt-ie8 .myclass {}

должен делать то, что вы хотите.

РЕДАКТИРОВАТЬ

Извините, неправильно прочитал ваш вопрос, так как вы поставили IE7 в качестве примера. Если вы хотите IE9, вы можете просто сделать:

.myclass {}
Верный! Однако, это будет только предназначаться для IE7. «lt» означает меньше, чем. поэтому .lt-ie9 будет нацелен на IE8. Мне нужно настроить таргетинг и на IE9, поэтому изменение его на .lt-ie10 не работает ... Есть идеи? user992731
ну мне нужно нацелить IE на: "color: прозрачный"; насколько я знаю, это не поддерживается. user992731

Похожие вопросы