转自:http://blog.sina.com.cn/s/blog_6085d53d0100xil5.htmljavascript
应该如何应用条件注释
本文一开始就说明了,由于IE各版本的浏览器对咱们制做的WEB标准的页面解释不同,具体就是对CSS的解释不一样,咱们为了兼容这些,可运用条件注释来各自定义,最终达到兼容的目的。好比:
<!–- 默认先调用css.css样式表 –->css
<link rel="stylesheet" type="text/css" href="css.css" />
<!-–[if IE 7]>html
<!–- 若是IE浏览器版是7,调用ie7.css样式表- –>java
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]–->浏览器
<!–-[if lte IE 6]>spa
<!–- 若是IE浏览器版本小于等于6,调用ie.css样式表 -–>3d
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]–>
这其中就区分了IE7和IE6向下的浏览器对CSS的执行,达到兼容的目的。同时,首行默认的css.css还能与其余非IE浏览器实现兼容。htm
注意:默认的CSS样式应该位于HTML文档的首行,进行条件注释判断的全部内容必须位于该默认样式以后。
好比以下代码,在IE浏览器下执行显示为红色,而在非IE浏览器下显示为黑色。若是把条件注释判断放在首行,则不能实现。该例题很能说明网页对IE浏览器和非IE浏览器间的兼容性问题解决。
<style type="text/css">
body{
}
</style>
<!-–[if IE]>blog
<style type="text/css">
body{
}
</style>
<![endif]–->ip
同时,有人会试图使用<!–-[if !IE]>来定义非IE浏览器下的情况,但注意:条件注释只有在IE浏览器下才能执行,这个代码在非IE浏览下非单不是执行该条件下的定义,而是当作注释视而不见。
正常就是默认的样式,对IE浏览器须要特殊处理的,才进行条件注释。在HTML文件里,而不能在CSS文件中使用。
如今的DWcs4里面,已经装备了这些注释:在“窗口-->代码片断-->注释”里。其余的版本没太注意到。