首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

依据IE版本不同调用不同CSS样式文件

2012-11-23 
根据IE版本不同调用不同CSS样式文件在webjx.com的文章中,并不提倡这样的方法,但是依然有很多CSSer会用到,

根据IE版本不同调用不同CSS样式文件

在webjx.com的文章中,并不提倡这样的方法,但是依然有很多CSSer会用到,这个资料保存在这里,以备大概查阅,请注意,不到不得已,请不要使用此方式。

?


 Ite:less?than?or?equal?to意思是小于或等于IE6浏览器,用于IE浏览器的条件注释,常用于CSShack,针对IE的JS等。
  在进行WEB标准网页的学习和应用过程中,网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet?Explorer(简称IE)占据浏览器市场的大半江山,此外还有Firefox、Opera等。需要对这些浏览器进行兼容。
  同时,单就IE而言,因IE版本的升级更替,目前浏览者使用的主要停留在?IE5(IE5.5)、IE6和IE7这三个版本中。而这3个版本对于我们制作的WEB标准网页(XHTML+CSS)解释执行的显示状况不尽相同。并且,其他非IE浏览器与IE对某些CSS解释也不一样。所以,通过IE浏览器中的专有条件注释可有针对性的进行相关属性的定义。
  条件注释只能用于Explorer?5+?Windows(以下简称IE)(条件注释从IE5开始被支持)。如果你安装了多个IE,条件注释(Conditional?comments)将会以最高版本的IE为标准(目前为IE?7)。
  条件注释只能在windows?Internet?Explorer(以下简称IE)下使用,因此我们可以通过条件注释来为IE添加特别的指令。
  通俗点,条件注释就是一些if判断,但这些判断不是在脚本里执行的,而是直接在html代码里执行的,比如:

?
  这其中就区分了IE7和IE6向下的浏览器对CSS的执行,达到兼容的目的。同时,首行默认的css.css还能与其他非IE浏览器实现兼容。
  注意:默认的CSS样式应该位于HTML文档的首行,进行条件注释判断的所有内容必须位于该默认样式之后。
比如如下代码,在IE浏览器下执行显示为红色,而在非IE浏览器下显示为黑色。如果把条件注释判断放在首行,则不能实现。该例题很能说明网页对IE浏览器和非IE浏览器间的兼容性问题解决。

<style type="text/css">body{background-color: #000;}</style><!–[if IE]><style type="text/css">body{background-color: #F00;}</style><![endif]–>

?
  同时,有人会试图使用<!–[if?!IE]>来定义非IE浏览器下的状况,但注意:条件注释只有在IE浏览器下才能执行,这个代码在非IE浏览下非单不是执行该条件下的定义,而是当做注释视而不见。
  正常就是默认的样式,对IE浏览器需要特殊处理的,才进行条件注释。
  在HTML文件里,而不能在CSS文件中使用。?

<!--em336tj start-->

热点排行