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

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

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

[[136614]]

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; 

 

责任编辑:王雪燕 来源: segmentfault
相关推荐

2010-09-15 15:39:03

CSS hack

2010-09-15 16:19:17

IECSS hack

2010-09-16 13:48:15

CSS Hack

2013-03-12 10:01:21

WebCSSJS

2010-09-15 16:29:20

CSS hackIE8

2010-08-30 15:40:31

CSS浏览器兼容

2010-09-15 16:48:51

IE8CSS hack

2021-06-01 09:12:47

前端浏览器缓存

2010-08-19 15:47:34

CSS Reset浏览器

2012-02-01 13:42:19

2022-07-07 08:43:05

HoudiniAPICSS

2010-08-20 14:11:26

IE火狐浏览器

2011-07-22 09:49:38

2010-06-23 13:24:00

CSSCSS选择器

2010-09-14 14:18:09

CSS跨浏览器开发

2012-03-20 11:41:18

海豚浏览器

2012-03-20 11:31:58

移动浏览器

2012-03-19 17:25:22

2012-03-20 11:07:08

2012-06-21 15:38:02

猎豹浏览器
点赞
收藏

51CTO技术栈公众号