各大浏览器 CSS Hack

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

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

作者：来源：segmentfault|2015-06-12 11:26
 收藏
  分享

 

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

Firefox 浏览器

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

支持所有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.   } 
  9. } 

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;} 
  5. } 

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. 或者： 
  6. *html Selector { 
  7.   property: value; 
  8. } 

【编辑推荐】

posted @ 2016-07-23 11:55  五艺  阅读(136)  评论(0)    收藏  举报