在进行WEB标准网页的学习和应用过程中,网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的I ntern et Ex plore r(简称I E)占据浏览器市场的大半江山,此外还有F irefo x、Ope ra等。需要对这些浏览器进行兼容。
<!--[if (g t IE9)|!(IE)]><!-->非IE浏览器或者I E版本大于IE9 <!--<![endi f]-->
<!--[ifIE 9]> IE版本为IE9 <![endif]-->
<!--[if IE 8 ]> IE版本为IE8<![en dif]-->
<!--[if IE 7 ]> I E版本为I E7 <![endi f]-->
<!--[if l t IE7 ]>IE版本小于IE7<![en dif]-->
1,条件注释的基本结构和HTML的注释(<!–- -–>)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。
2,I E将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。
ie9浏览器手机版
3,条件注释使用的是HTML的注释结构,因此他们只能使用在H TML文件里,而不能在CSS文件中使用。
可使用如下代码检测当前I E浏览器的版本(注意:在非IE浏览器中是看不到效果的);
lte:就是Less than or e qualto的简写,也就是小于或等于的意思。
lt :就是Les s tha n的简写,也就是小于的意思。
gte:就是Gr eater than or e qualto的简写,也就是大于或等于的意思。
gt :就是Gre aterthan的简写,也就是大于的意思。
! :就是不等于的意思,跟ja vascr ipt里的不等于判断符相同
使用举例:
<!--[if (gt IE 9)|!(IE)]><!--><lin k rel="sty leshe et" t ype="text/css"href="css.css"/><!--<![e ndif]--> <!-- 默认先调用c ss.cs s样式表-->
<!--[i f IE9 ]><linkrel="style sheet" typ e="te xt/cs s" hr ef="i e9.cs s" /><![en dif]-->
<!--[if IE 8 ]><l ink r el="s tyles heet" type="tex t/css" hre f="ie8.css" /><![end if]-->
<!--[ifIE 7]><li nk re l="st ylesh eet"type="text/css" href="ie7.css" /><![endi f]-->
<!--[if l t IE7 ]><linkrel="style sheet" typ e="te xt/cs s" hr ef="i e6.cs s" /><![en dif]-->
这其中就区分了IE7和IE6向下的浏览器对CSS的执行,达到兼容的目的。同时,首行默认的cs s.css还能与其他非IE浏览器实现兼容。
注意:默认的CSS样式应该位于H TML文档的首行,进行条件注释判断的所有内容必须位于该默认样式之后。
发布评论