html常見相容性問題？

1.雙邊距BUG float引起的 使用display

2.3像素問題 使用float引起的 使用dislpay:inline -3px 

3.超連結hover 點選後失效 使用正确的書寫順序 link visited hover active

4.Ie z-index問題 給父級添加position:relative

5.Png 透明 使用js代碼 改

6.Min-height 最小高度 ！Important 解決’

7.select 在ie6下遮蓋 使用iframe嵌套

8.為什麼沒有辦法定義1px左右的寬度容器（IE6預設的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）

9.IE5-8不支援opacity，解決辦法：

.opacity {

opacity: 0.4

filter: alpha(opacity=60); / for IE5-7 /

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; / for IE 8/

}

IE6不支援PNG透明背景，解決辦法: IE6下使用gif圖檔

本文轉自 全棧web筆記 51CTO部落格，原文連結：http://blog.51cto.com/12864747/2064093，如需轉載請自行聯系原作者