各个浏览器的hack.docxVIP

浏览器渲染页面的方式各不相同，甚至同一浏览器的不同版本（“杰出代表”是 IE）也有差异。因此，浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册，那查询起来就方便多了。这篇文章就向大家分享?Browserhacks帮我们从网络上收集的各个浏览器特定的 CSS JavaScript Hack，记得推荐和分享啊！IE 选择器 Hack?123/* IE 6 and below */* html .selector? {}? .suckyie6.selector {} /* .suckyie6 can be any unused class */?12/* IE 7 and below */.selector, {}?1234/* IE 7 */*:first-child+html .selector {}? .selector, x:-IE7{}? *+html .selector {}?/* Everything but IE 6 */html body .selector {}?123/* Everything but IE 6/7 */html /**/body .selector {} head ~ /* */body .selector {}?12345/* Everything but IE 6/7/8 */:root * .selector {}? body:last-child .selector {}? body:nth-of-type(1) .selector {}? body:first-of-type .selector {}IE 属性/值 Hack?123/* IE 6 */.selector { _color: blue; }? .selector { -color: blue; }?123/* IE 6/7 - acts as an !important */.selector { color: blue!ie; }? /* string after ! can be anything */?1234567/* IE 6/7 - any combination of these characters:? ?! $ * ( ) = % + @ , . / ` [ ] # ~ ? : | */.selector { !color: blue; }? .selector { $color: blue; }? .selector { color: blue; }? .selector { *color: blue; }? /* ... */?123/* IE 8/9 */.selector { color: blue\0/; }? /* must go at the END of all rules */?12/* IE 9/10 */.selector:nth-of-type(1n) { color: blue\9; }?123/* IE 6/7/8/9/10 */.selector { color: blue\9; }? .selector { color/*\**/: blue\9; }?12/* Everything but IE 6 */.selector { color/**/: blue; }IE Media Query Hack?12/* IE 6/7 */@media screen\9{}?12/* IE 8 */@media \0screen {}?12/* IE 9/10, Firefox 3.5+, Opera */@media screenand (min-resolution: +72dpi) {}?12/* IE 10+ */@media screenand (-ms-high-contrast: active), (-ms-high-contrast: none) {}?12/* IE 6/7/8 */@media \0screen\,screen\9{}?12/* IE 8/9/10 Opera */@media screen\0{}?12/* IE 9/10 */@media screenand (min-width:0\0) {}?12/* Everything but IE 6/7/8 */@media screenand (min-width: 400px) {}IE JavaScript Hack?123/* IE 6 */(checkIE = document.createElement(b)).innerHTML = !--[if IE 6]i/i![endif]--;? varisIE = checkIE.getElement