IE(Internet Explorer)是微軟公司推出的一款網頁瀏覽器,由于其使用廣泛,開發人員需要考慮IE的兼容性問題。在開發網頁時,CSS(層疊樣式表)是非常重要的一部分,下面我們來看看在IE中需要注意的一些CSS兼容性問題。
/* IE盒子模型問題 */ /* IE6以下版本使用border-box盒子模型 */ * { box-sizing: border-box; } /* 清除浮動,IE6-IE9 */ .clearfix:after { content:""; display:block; clear:both; height:0; visibility:hidden; } /* IE6-IE9常用選擇器 */ /* 美化表單元素,IE6-IE9 */ input[type="text"], input[type="password"], textarea { border: 1px solid #ccc; padding: 5px; font-size: 14px; } /* 修復IE6不支持position: fixed */ * html .fixed { position: absolute; top: expression(document.documentElement.scrollTop + "px"); } /* IE6不支持hover偽類選擇器 */ a:hover { background-color: #000; } /* IE6不支持PNG透明,需要引入修復文件 *//* 引入修復文件 */ #img1 { background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale, src='image.png' ); }
在IE中兼容性問題不僅僅局限于CSS,在JS等其他技術上也需考慮IE的兼容性問題。因此,開發人員在開發網頁時需要注意各種瀏覽器的兼容性問題,保證網頁能夠在各種瀏覽器中呈現出良好的效果。
上一篇ie瀏覽器兼容css3
下一篇ie瀏覽器css選擇器