如何分别指定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已经有一些程度的改善了!
(为了不让它真的被注解掉,实际使用的时候请把多余空格删除)
只在特定版本才读取:
< ! -- [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已经有一些程度的改善了!