CSS hack 总结
2014-02-20 · 277 chars · 2 min read
直接看 Demo,自动识别浏览器的,可以在不同浏览器下看看效果。
*property:value;
: IE6 IE7+property:value;
: IE6 IE7_property:value;
: IE6*:first-child+html div {background-color:black; }
: IE7property:value\0;
: IE8 IE9 IE10property:value\0\9;
: 其实和\0 是一样的property:value\9;
: 所有 IEproperty:value\9\0;
: IE9 IE10* html #test { … }
: IE6@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #ie10 { color: red; } }
: IE10@media all and (min-width:0px){ div {background-color:black\0;} }
: 之前测试是 Oprea 的,但是现在 IE9,IE10 也生效了@media all and (min-width:0px){ div {background-color:black;} }
: 之前测试是非 IE 的,但是现在 IE9,IE10 也生效了
看 demo 里面其实写的很明白了,现在的问题是最后两个 Hack 在 IE9 和 IE10 下面神奇的生效了(我用的是 IE10,调整浏览器模式测试的),除了这两个,其他的都还比较 OK,和我一年的测试效果是一致的,大家可以自己打开看看效果,欢迎交流。
其实我一 直不赞成使用太多 hack,只有个别问题在低版本 IE 下才有使用 hack 的必要。