如何分别指定ie6及ie7浏览器的css

我在书上找到了一个方法叫做:条件式注解。
(为了不让它真的被注解掉,实际使用的时候请把多余空格删除)

只在特定版本才读取
< ! -- [if IE 5]>
< link rel="stylesheet" href="css/page.css" type="text/css" />
< ! [endif] -- >

这样子它就会只在浏览器是 IE 5 时才载入这个CSS。


如果要在特定版本以上的话:
< ! -- [if gte IE 5.5] >
< link rel="stylesheet" href="css/page.css" type="text/css" />
< ! [endif] -- >

只在IE5.5以上才读取


如果要限定未达特定版本才读取:
< ! -- [if lt IE 5.5] >
< link rel="stylesheet" href="css/page.css" type="text/css" />
< ! [endif] -- >

基本上这几个判断式变化的只有红色的部份。
(如果效果没出现 , 请务必将多余空白删除 , 只有 [ ] 里头会有空白字元)

刚实际测试(用gte)过后,情形如下:
FireFox 3.0.5           > 读不到css档案
Google 浏览器 1.0 > 读不到css档案
IE7.0                       > 读得到

另外,通常制作CSS遇到不同浏览器的问题时,习惯以一些Hack来解决问题。不过目前现有解决方法几乎都是针对旧式浏览器(IE4、IE5、IE6)居多。IE7个人认为对于CSS已经有一些程度的改善了!
posted @ 2011-02-24 14:19  网络爱上点击  阅读(547)  评论(0编辑  收藏  举报