针对于IE6、IE7、Firefox如何运用CSS hack

本文介绍了一种针对IE7浏览器的CSS hack方法,通过使用*+html选择器实现不同浏览器间的样式差异化显示,确保在Firefox、IE6及IE7下的兼容性。
在以往的CSS代码编写中,我们大部分都是用!important来hack。
在ie6和firefox环境中测试可以正常显示,并成功的应用了hack技术。
但是新近发布的ie7对!important可以正确解释,页面没有能够按要求显示!

现在找到一个针对IE7不错的hack方式:使用“*+html”!
现在用IE7浏览一下,应该没有问题了。

示例如下:

 

ExpandedBlockStart.gifContractedBlock.gif#example {dot.gif}{ color: #333; } /**//* Moz */ 
ExpandedBlockStart.gifContractedBlock.gif* html #example 
{dot.gif}{ color: #666; } /**//* IE6 */ 
ExpandedBlockStart.gifContractedBlock.gif*+html #example 
{dot.gif}{ color: #999; } /**//* IE7 */ 

那么在firefox下字体颜色显示为#333,
IE6下字体颜色显示为#666,
IE7下字体颜色显示为#999,并且它们互不干扰!

转载于:https://www.cnblogs.com/treeyh/archive/2007/06/04/770827.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值