前端必看!各大浏览器 CSS Hack 收集

所谓的Hack就是只有特定浏览器才能识别这段hack代码。Hack 不是什么好东西,除非没有办法,我们尽量还是不要用着玩意。 下面是各个浏览器的CSS Hack 列表。

Firefox 浏览器

 
 
  1. @-moz-document url-prefix() { 
  2.   .selector { 
  3.     property: value; 
  4.   } 

支持所有Gecko内核的浏览器 (包括Firefox)

 
 
  1. *>.selector { property: value; } 
  2.  
  3. Webkit 内核浏览器 
  4.  
  5. @media screen and (-webkit-min-device-pixel-ratio: 0) { 
  6.   Selector { 
  7.     property: value; 
  8.   } 

Opera 浏览器

 
 
  1. html:first-child>b\ody Selector {property:value;} 

IE 浏览器

IE 浏览器针对不同的版本有不同个Hack方式。

IE 9

 
 
  1. :root Selector {property: value\9;} 

IE 9-

 
 
  1. Selector {property: value\9;} 

IE 8

 
 
  1. Selector {property: value/;} 
  2. 或: 
  3. @media \0screen { 
  4.     Selector {property: value;} 

IE 8+

 
 
  1. Selector {property: value\0;} 

IE 7

 
 
  1. *+html Selector{property:value;} 
  2. 或: 
  3. *:first-child+html Selector {property:value;} 

IE 7-

 
 
  1. Selector {*property: value;} 

IE6

 
 
  1. Selector { 
  2.   _property: value; 
  3.  
  4. 或者: 
  5. *html Selector { 
  6.   property: value; 



来源:51CTO

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值