区分各浏览器的CSS hack(包括360、搜狗、opera)

虽然说使用css hack来解决页面兼容性bug并不是个好办法，但是有时候这些hack还是用的着的，比如你接受了一个二手或是三手的遗留界面，杂乱无章的css代码，只在某个浏览器下有兼容bug，而且需要短时间内处理。

下面一段代码可以让你很快利用css来为特定的浏览器指定样式。不多赘述，看码即懂：

属性过滤：
_height:10px; /* IE6支持 */
*height:10px; /* IE6、IE7支持 */
height:10px\0/; /* IE8支持 */选择器过滤：/*针对IE6*/
* html #nav{  margin:12px;  }/*针对IE7*/
*+html #nav{  margin:11px; }/*针对Firefox*/
@-moz-document url-prefix() {#nav{ width:200px; }
}
IE7、Firefox共用
height: 100px !important（优先级）/*针对Safari & Chrome* 360 搜狗/
@media screen and (-webkit-min-device-pixel-ratio:0) {#nav{ width:300px; }
}/*针对Opera*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {#nav{ width:400px; }
}

本文转自吕大豹博客园博客，原文链接：http://www.cnblogs.com/lvdabao/p/3189771.html，如需转载请自行联系原作者

区分各浏览器的CSS hack(包括360、搜狗、opera)相关推荐

浏览器专属 CSS Hack:区分 Firefox / Opera / Safari / Internet Explorer
浏览器专属 CSS Hack:区分 Firefox / Opera / Safari / Internet Explorer CSS Hack 是在标准 CSS 没办法兼容各浏览器显示效果时才会用上的 ...
浏览器兼容css hack,CSS Hack技术解决多浏览器兼容问题
本文向大家描述一下如何使用CSS Hack技巧解决DIV+CSS布局多浏览器兼容问题,针对不同的浏览器写不同的CSS代码的过程,就叫CSS Hack,相信本文介绍一定会让你有所收获. CSS Hack ...
区别不同浏览器，CSS hack写法
区别不同浏览器,CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !impor ...
hack (浏览器兼容css hack）
1.hack的原理由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系.我们就可以根据这个来针对不同的浏览器来写不同的CSS. CSS Hack大致有3种表现形式,CSS类内 ...
针对IE6\7\8\9\10浏览器的CSS hack大全详解
目前IE内核浏览器仍然是国内主流浏览器,占据着PC浏览器的大部分市场份额,版本从IE6到IE10,所有前段工作者都必须面对和解决多个IE浏览器对代码的兼容性问题.在很多情况下,我们需要专门针对IE写c ...
区分IE6，IE7，firefox三种浏览器的CSS HACK
2010年01月18日 10:29 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !importa ...
条件注释判断兼容浏览器版本CSS HACK !--[if !IE]!--[if IE]!--[if lt IE 6]!--[if gte IE 6]...
 除IE外都可识别  <!--[if IE]> 所有的IE可识别 <![ ...
兼容IE系列浏览器的CSS Hack
#yourid{ width:100px; /*FF下宽度为100px*/ width:150px \9; /*IE8下宽度为150px*/ *width:200px; /*IE7下宽度为200px* ...
css hack *html,css hack 大全各个浏览器的css
各个浏览器的css hack区别属性: IE6: _zoom:1; IE6/7: *zoom:1; IE6/7/8/9 :\9 各个浏览器的css hack区别规则 IE6: *html{} IE7: ...

区分各浏览器的CSS hack(包括360、搜狗、opera)

区分各浏览器的CSS hack(包括360、搜狗、opera)相关推荐

最新文章

热门文章