2017-02-15 70 views
-1

我有一个锻炼的问题是:显示不同颜色的基于浏览器的

写CSS代码,可将显示蓝色旧版浏览器的一款,红色在新的浏览器,绿色IE6和黑色IE7

我开始认为这是一个有趣的问题是经过多次使用Google,唯一的条件浏览器的代码,我可以找到那张在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

对我不起作用,vis studio只是将代码作为注释处理并检查构建完成后的元素,所以我的'hello world'文本不会'没有任何属性可以使用CSS规则,无论是使用IE还是Chrome浏览器 – Jynn

+0

您是否确实看到屏幕上显示的代码“按原样”? IE浏览器。它实际上是显示评论? – Digedu

1

使用任何版本的IE浏览器不同的CSS文件

<!--[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]--> 
相关问题