在編寫CSS的時候，我們經(jīng)常需要考慮瀏覽器兼容性，特別是在使用一些新特性的時候。最近我在編寫CSS時遇到了一些兼容性問題，其中包括在360瀏覽器上的兼容性問題。下面是我總結(jié)的一些兼容代碼，希望對大家有所幫助。

/* 360兼容代碼 */
/* 1.統(tǒng)一使用-moz、-webkit前綴 */
.box {
-moz-box-shadow:2px 2px 5px #888;
-webkit-box-shadow:2px 2px 5px #888;
box-shadow:2px 2px 5px #888;
}
/* 2.使用-webkit-transform:translate3d(0,0,0)提高渲染性能 */
.box {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
/* 3.display:inline-block在低版本IE和360瀏覽器中的兼容性 */
.box {
display:-moz-inline-box;
display:inline-block;
zoom:1; // 低版本IE需加zoom:1才能觸發(fā)hasLayout
*display:inline; // 低版本IE需加*display:inline才能兼容
}
/* 4.解決IE6、IE7下position:fixed的兼容性問題 */
.fixed {
position:absolute; // 首先將元素定位為absolute
_position:fixed; // 然后通過IE Hack解決兼容性問題
top:expression(documentElement.scrollTop+20+"px"); // IE Hack，頂部距離為滾動條距離+20
}
/* 5.解決IE瀏覽器hover閃爍問題 */
a {
outline:none; // 解決IE下a標(biāo)簽獲得焦點(diǎn)時的虛線邊框
}

綜上所述，以上兼容代碼可以解決在360瀏覽器中遇到的一些兼容性問題。但是我們應(yīng)該盡可能地避免使用需要兼容的代碼，而是應(yīng)該盡可能地使用標(biāo)準(zhǔn)化的CSS代碼。