CSS是用來實現(xiàn)網(wǎng)頁樣式和布局的重要技術,然而不同的瀏覽器對CSS的支持程度卻不盡相同。這給我們的網(wǎng)頁設計和開發(fā)帶來了很大的困擾,因為我們需要為不同的瀏覽器編寫不同的CSS代碼。下面我們將介紹一些CSS代碼,使CSS可以適用于所有的瀏覽器。
/*reset樣式*/ *{ margin: 0; padding: 0; } /*統(tǒng)一默認字體*/ body{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; } /*清除浮動*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom: 1; } /*處理IE7-下標簽inline-block樣式不生效問題*/ .grid-4 { display: inline-block; *display: inline; zoom: 1; margin-right: -4px; } /*處理IE7-下不能識別opacity的問題*/ .opacity { filter: alpha(opacity=50); opacity: 0.5; } /*處理IE下的hack*/ .box { _position: relative; _z-index: 1; _overflow: visible; }
以上CSS代碼能夠解決很多瀏覽器兼容性問題,讓我們的網(wǎng)頁在各種瀏覽器上都能夠良好的展示。在日常的CSS開發(fā)中,我們需要不斷總結經(jīng)驗,積累優(yōu)秀的CSS代碼,保證我們的網(wǎng)頁能夠同時兼容多種瀏覽器,提升用戶體驗。