2017-02-15 2 views
-1

У меня есть упражнение вопрос, который:дисплея разных цветов на основе браузера

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

Я начинаю думать, что это каверзный вопрос, как после того, как много прибегая к помощи, только условный код браузера можно найти идет в HTML, как это:

<!--[if IE]> 
    According to the conditional comment this is IE<br /> 
    <![endif]--> 

Хотя это на самом деле не работают меня поскольку vis studio просто обрабатывает это утверждение как комментарий. Насколько я могу судить, невозможно написать фрагмент css для этого, я прав?

+1

Это вопрос упражнений. Как вы думаете, ваш инструктор пытается обмануть вас, попросив вас сделать что-то, что невозможно? Подсказка: Он/Она нет. Подсказка №2: вы на правильном пути со своим условным комментарием, помните, что вы можете включить что-либо в свой условный комментарий, включая теги HTML ... как стили. – Adam

+0

Похоже вы должны сообщить репетитору, что этот вопрос устарел – Pete

+0

'jQuery.browser' и' jQuery.browser.version' могут вам помочь. – RRajani

ответ

1

Я действительно не должен давать вам ответ на вопросы викторины ... но

<!--[if IE]> 
<div class="ie"> 
<![endif]--> 

<!--[if IE 6]> 
<div class="ie6"> 
<![endif]--> 

<!--[if IE 7]> 
<div class="ie7"> 
<![endif]--> 

<!--[if IE 8]> 
<div class="ie8"> 
<![endif]--> 

<!--[if IE 9]> 
<div class="ie9"> 
<![endif]--> 

<!--[if gte IE 8]> 
<div class="ie8plus"> 
<![endif]--> 

<!--[if lt IE 9]> 
<div class="ie9lower"> 
<![endif]--> 

<!--[if !IE]> --> 
<div class="not-ie"> 
<!-- <![endif]--> 

</div> 

Я оставляю правил CSS для вас;)

+0

Вышеупомянутое также позволит вам сохранить все свои стили в одной таблице стилей – Digedu

+0

не работает для меня, в студии только обрабатывает код, как прокомментировал и проверяет элемент, который когда-то был построен, делает то же самое, поэтому мой текст «hello world» doesn ' t есть какие-либо свойства для использования правил css, независимо от того, использую ли я IE или chrome – Jynn

+0

Действительно ли вы видите код «как есть» на экране? То есть. он фактически отображает комментарии? – Digedu

1

Использовать файлы разных CSS для любой версии IE

<!--[if !IE]--><link href="styles.css" rel="stylesheet" media="all" /><!--[endif]--> 
<!--[if IE 6]><link href="ie6.css" rel="stylesheet" media="all" /><![endif]--> 
<!--[if IE 7]><link href="ie7.css" rel="stylesheet" media="all" /><![endif]--> 
<!--[if IE 8]><link href="ie8.css" rel="stylesheet" media="all" /><![endif]--> 
Смежные вопросы