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

本文详细解释了如何仅在特定版本的IE浏览器中加载CSS文件,并讨论了不同浏览器环境下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已经有一些程度的改善了!

转载于:https://www.cnblogs.com/visi_zhangyang/archive/2011/02/24/1963758.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值