不同的浏览器写不同的CSS code

这个针对不同的 浏览器 写不同的CSS code的过程,就叫CSS hack!

如何写CSS Hack

CSS hack:区分IE6,IE7,firefox   
区别不同浏览器,CSS hack写法:   
区别IE6与FF:   
background:orange;*background:blue;     // FF下 橙色  IE6 蓝色
区别IE6与IE7:   background:green !important;background:blue; // IE6 蓝色  IE7 绿色  
区别IE7与FF:   background:orange; *background:green;    // FF 橙色   IE7 绿色
区别FF,IE7,IE6:   
background:orange;*background:green;_background:blue;    // FF 橙色    IE7 绿色    IE6 蓝色
background:orange;*background:green !important;*background:blue;   
注:IE都能识别*;标准浏览器(如FF)不能识别*;   
IE6能识别*,某些情况下不能识别 !important, 
                          IE6    IE7    FF   
*                         √      √        ×   
!important          ×      √        √   

浏览器优先级别:FF<IE7<IE6,CSS hack书写顺序一般为FF IE7 IE6 
=========================================================
以: " #demo {width:100px;} "为例;    

#demo {width:100px;} /*被FIREFOX,IE6,IE7执行.*/   

* html #demo {width:120px;} /*会被IE6执行,之前的定义会被后来的覆盖,所以#demo的宽度在IE6就为120px; */   

*+html #demo {width:130px;} /*会被IE7执行*/ 
  
 ---------------   
所以最后,#demo的宽度在三个浏览器的解释为:   FIREFOX:100px;   ie6:120px;   ie7:130px;    

IE8 最新css hack:   
"\9" 例:"border:1px \9;".这里的"\9"可以区别所有IE和FireFox.   
 "\0" IE8识别,IE6、IE7不能.  例子:同上  
"*" IE6、IE7可以识别.IE8、FireFox不能.  例子: “ *height:100px   ”  
"_" IE6可以识别"_",IE7、IE8、FireFox不能. 例子;  “  _ height:100px   ”
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值