当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS 通过一个样式表区分IE的各个版本

时间:2013-03-02 03:41来源:未知 作者:admin 点击:

标签:CSS 通过一个样式表区分IE的各个版本 通过(23)到了(6)感到(2)是你(5)样式(83)CSS(655)一个(102)区分(8)版本(8)各个(1)
是不是你看到了也感到惊疑呢,我就在感叹我怎么之前没有看到过这样的技能文章了,发现本来该博主今蠢才更新了该文。我切实太荣幸了, CSS 连接后面加上 表示什么意思 ,在我的新版主题里,我将采取这种差别IE版本的方法来把持css样式, CSS 规范书写顺序 。 --
CSS 通过一个样式表区分IE的各个版本》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331X2013.htm

 

是不是你看到了也感到惊疑呢,我就在感叹我怎么之前没有看到过这样的技能文章了,发现本来该博主今蠢才更新了该文。我切实太荣幸了,CSS 连接后面加上 表示什么意思,在我的新版主题里,我将采取这种差别IE版本的方法来把持css样式,CSS 规范书写顺序

 

--> [网站建设之]CSS:通过一个样式表辨别IE的各个版本

Html源码:

 ,CSS 直方图布局示例;<!--[if IE 8]>
 <div id="ie8">
< ![endif]-->
<!--[if IE 7]>
 <div id="ie7">
< ![endif]-->
<!--[if IE 6]>
 ,CSS 性能调优;<div id="ie6">
< ![endif]-->
 
 <div id="main">Target-IE-Version</div>
 
<!--[if IE 6]>
 </div>
< ![endif]-->
<!--[if IE 7]>
 </div>
< ![endif]-->
<!--[if IE 8]>
 </div>
< ![endif]-->

css样式:
* { margin:0; padding:0;}
body { font:24px Tahoma, Geneva, sans-serif; color:#666;}
#main { margin:30px auto; width:400px; height:100px,CSS 必知的7个知识点; line-height:100px; border:1px solid #ccc; background:#eee; text-align:center;}
#ie8 #main { color:#f00; border-color:#f60; background:#9FF;}
#ie7 #main { color:#36F; border-color:#009; background:#F0F;}
#ie6 #main { color:#f60; border-color:#090; background:#FFC;}

这样的方式在我所有的网站或者博客中都是如斯利用,但我也始终在纠结着多出了过剩的样式表文件,HTTP恳求也就多了一个。这对我这个做前真个是一个重大的问题,但一直都不找到能够优化的办法。

Tag:CSS   样式表   IE   版本   CSS   样式表   IE   版本  

 #main {background: white;}
#ie6 #main {background: black;}

<!--[if IE 6]><link rel="stylesheet" type="text/css" href="ie6.css" />< ![endif]-->
<!--[if IE 7]><link rel=",CSS 常用信息速查手册;stylesheet" type="text/css" href="ie7.css" />< ![endif]-->
<!--[if IE 8]><link rel="stylesheet" type="text/css" href="ie8.css" />< ![endif]-->

通常咱们晓得为了修复IE各个版本与其余阅读器的兼容,CSS 区分IE版本的三个方法,在head标签内会增加前提判定,依据不同的断定成果联入不同版本的CSS款式表。如下:

通过这样的方法,我只须要一个样式表文件,而后在样式表中通过子抉择器的方法来给出相应版本的css样式节制。如下:


 <!--[if IE 6]>
 <div id="ie6">
< ![endif]-->
  <div id="content">
   ,CSS 入门教程 纵向导航菜单;<div id="main"></div>
   <div id="sidebar"></div>
  </div>
  <div id="footer">,css sprites适用范围和css sprites的利弊;</div>
<!--[if IE 6]>
 </div>
<,CSS Sprites技术及图片优化; ![endif]-->

然而今天我看到了一篇文章,他教会了我另一种条件判断的方法。可以用条件判断的结果来增添多余的包括标签。同时也发明,本人思考的太少了。实现方法如下:


(责任编辑:网站建设)
CSS 通过一个样式表区分IE的各个版本相关文章
上一篇:CSS 连接后面加上 表示什么意思 下一篇:CSS+DIV网站优化(seo)
回到顶部