css兼容调试必备:浏览器 CSS Hack 收集

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

css hack
Firefox 浏览器

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

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

  1. *>.selector { property: value; }

Webkit 内核浏览器

  1. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  2.   Selector {
  3.     property: value;
  4.   }
  5. }

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. *html Selector {
  6. property: value;
  7. }
  • css兼容调试必备:浏览器 CSS Hack 收集已关闭评论
  •  阅读 834
  • 隐藏边栏
    A+
发布日期:2015-06-12 17:44:49 分类:DIV+CSS

评论已关闭!