雖然說使用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)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。