隨著互聯網的發展,Web開發也越來越受到關注。IE是一個廣泛使用的瀏覽器,許多網站需要在IE中呈現良好的效果。然而,IE在CSS的支持上存在一些問題。本文將介紹如何使用特定的CSS來解決這些問題。
/* IE6以下版本中的塊級元素垂直對齊問題 */ element { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; } /* IE6以下版本中的PNG透明問題 */ element { behavior: url(iepngfix.htc); } /* IE7中margin重疊問題 */ element1 { margin-bottom: 20px; } element2 { margin-top: 10px; *margin-top: -10px; } /* IE6中min-height問題 */ html, body { height: 100%; } element { height: auto !important; height: 100%; min-height: 100%; } /* IE中hover識別問題 */ element:hover { background-color: #f00; } a:focus { /* 讓元素獲得焦點 */ outline: none; } /* IE6中浮動清除問題 */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom: 1; } /* IE6、IE7中透明度問題 */ element { filter: alpha(opacity=50); }
以上是一些常見的IE CSS問題及其解決方法。通過特定的CSS,我們可以讓網站在IE中呈現出更好的效果。