区别不同浏览器,CSS hack写法 [zt]

本文介绍了如何使用 CSS Hack 来针对不同的浏览器(如 Firefox、IE6 和 IE7)编写特定的样式规则。通过使用 *、!important 和下划线等符号,可以实现仅对特定浏览器生效的样式设置。

区别不同浏览器,CSS hack写法:


区别IE6FF
       background:orange;*background:blue;

区别IE6IE7
       background:green !important;background:blue;

区别IE7FF
       background:orange*background:green;

区别FFIE7IE6
       background:orange;*background:green !important;*background:blue;

注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;

符号

FF

IE7

IE6

*

×

!important

×


另外再补充一个,下划线"_",
IE6支持下划线,IE7和firefox均不支持下划线。

于是大家还可以这样来区分IE6IE7firefox:
 background:orange;*background:green;_background:blue;

注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。

还有一种Hack技术,[xmlns] IE6不认识,但是IE7和FF都认识。所以
[xmlns] #mydiv { background-color:red;width:100px; }
#mydiv { background-color:blue;width:100px; }
在IE6中的ID为mydiv的Div的背景色为Blue,而在IE7和FF中的背景色为Red. 
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值