在iteye上看到一篇介绍CSS常用的Hack的技巧,转过来自己Mark下。
color:red; /* 所有浏览器都支持 */ color:red !important;/* 除IE6外 */ _color:red; /* IE6支持 */ *color:red; /* IE6、IE7支持 */ +color:red;/*IE7支持*/ *+color:red; /* IE7支持 */ color:red\9; /* IE6、IE7、IE8、IE9支持 */ color:red\0; /* IE8、IE9支持 */ color:red\9\0;/*IE9支持*/ /* webkit and opera */ @media all and (min-width: 0px){ div{color:red;} } /* webkit */ @media screen and (-webkit-min-device-pixel-ratio:0){ div{color:red;} } /* opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel- ratio:0) { div{color:red;} } /* firefox * / @-moz-document url-prefix(){ div{color:red;}} /* all firefox */ html>/**/body div, x:-moz-any-link, x:default {color:red;} /* newest firefox */ } body:nth-of-type(1) p{color:red;} /* Chrome、Safari支持 */
其他还有使用注释的方式对IE进行判断的方法也应该算是Hack的方法,这个可以参考前面的一篇文章:html+css判断各个IE浏览器版本。
个人觉得好的前端除了兼容IE6以外,一般是不需要写hack的
IE8好像也是个特例,如果没记错,呵呵。
兼容问题越来越让人头疼
期待谁能一统天下
如果现在没有了XP,那么估计就会使WIN7的天下了,低于IE8的浏览器估计就会消失了。其实如果现在国内的大公司都给用户一个升级IE的提示,IE的世界早改朝换代了~
写主题做兼容什么的最烦了。
严重赞同 ❗