CSS Hack的使用编码规范

zhangc — Fri, 18 Sep 2015 06:21:57 +0000

请不用动不动就使用浏览器检测和CSS Hacks，先试试别的解决方法吧！考虑到代码高效率和易管理，虽然这两种方法能快速解决浏览器解析差异，但应被视为最后的手段。在长期的项目中，允许使用hack只会带来更多的hack，你越是使用它，你越是会依赖它！

推荐使用下面的：

css hack 各大浏览器 CSS Hack 收集

zhangc — Sun, 14 Jun 2015 11:26:34 +0000

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

Firefox 浏览器

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

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

*>.selector { property: value; }

Webkit 内核浏览器

@media screen and (-webkit-min-device-pixel-ratio: 0) {
Selector {
property: value;
}
}

Opera 浏览器

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

IE 浏览器

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

IE 9

:root Selector {property: value\9;}

IE 9-

Selector {property: value\9;}

IE 8

Selector {property: value/;}

或：
@media \0screen {
Selector {property: value;}
}

IE 8+

Selector {property: value\0;}

IE 7

*+html Selector{property:value;}

或：
*:first-child+html Selector {property:value;}

IE 7-

Selector {*property: value;}

IE6

Selector {
_property: value;
}

或者：
*html Selector {
property: value;
}

http://developer.51cto.com/art/201506/479564.htm