《
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的各个版本相关文章