在前端開發過程中,IE瀏覽器的兼容性一直都是一個比較頭疼的問題。尤其是在CSS樣式方面,IE瀏覽器經常會出現一些奇怪的問題,比如IE6不支持PNG圖片透明度、IE7不支持border-radius等等。而其中涵蓋的一個比較重要的內容就是IE瀏覽器對于CSS 0的解析的差異處理。
CSS 0(也被稱為CSS Level 0)是指最早的采用HTML style屬性的方式來設置樣式的階段。直到1996年第一版CSS標準發布后,才開始真正地被廣泛應用。而CSS 0主要存在于早期的瀏覽器中,如IE5以下的版本。
IE瀏覽器對于CSS 0的解析存在著一些兼容性問題。比如對于font-size的單位em,IE6以下只認識px,不認em,這會使得網頁在不同瀏覽器中顯示效果可能差距很大。因此在編寫CSS代碼時,我們需要針對不同的瀏覽器進行適配。
/*font-size兼容性代碼*/ body{font-size:14px;/*針對大部分瀏覽器設置*/ font-size/*\**/:smaller;/*針對IE6以下設置*/} /*margin兼容性代碼*/ p{margin-left:100px; margin-left/*\**/:80px;/*針對IE6以下設置*/} /*border兼容性代碼*/ #box{border:1px solid #ccc; border/*\**/:solid #000;/*針對IE6以下設置*/}
通過上述代碼,我們可以看到,在CSS樣式中,可以使用“//”開頭的注釋瀏覽器可以忽略,而在“/*\**/”中間的注釋,則只有IE6以下的瀏覽器會識別。這樣我們就可以通過設置不同瀏覽器的兼容性來使得網頁在各個瀏覽器中達到比較一致的顯示效果。
上一篇cisdocker
下一篇ie兼容css3選擇器