IE6 是一個非常老的瀏覽器,它在設計和實現方面存在很多的問題。其中之一就是對 CSS 樣式的支持不夠友好。這給我們的網頁設計和開發帶來了很多的挑戰。
.example { background-color: red; border: 1px solid black; padding: 10px; }
在 IE6 中,上述的這個樣式的問題在于,它不支持透明度和固定定位。如果你想讓一個元素變得透明,那么你需要使用以下的代碼,來彌補 IE6 的不足:
.example { background-color: red; border: 1px solid black; padding: 10px; filter: alpha(opacity=50); /* IE6 */ opacity: 0.5; /* 其他現代瀏覽器 */ }
還有一個比較常見的問題是 IE6 不支持 PNG 透明圖片。如果你想在 IE6 中使用一個 PNG 透明圖片,你需要使用以下的代碼:
.example { background-image: url(bg.png); background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.png', sizingMethod='scale'); }
此外,IE6 中還有很多 CSS 屬性不能正常的工作,比如:min-height、position: fixed、border-radius 等等,這些都需要我們特別注意。