IE6下兼容性常見的幾個問題與解決方法

【IE6下兼容性常見的幾個問題與解決方法】這篇文章給大家分享了多個關于IE6下兼容性的常見問題,有需要的朋友們下面來一起學習學習吧 。
常見問題一:在Ie6下 , 內容會把父元素設置好的寬高撐開 。計算一定要精確

IE6下兼容性常見的幾個問題與解決方法


IE6下兼容性常見的幾個問題與解決方法


IE6下兼容性常見的幾個問題與解決方法

IE6下兼容性常見的幾個問題與解決方法

IE6下兼容性常見的幾個問題與解決方法

常見問題二:在IE6元素浮動,如果寬度需要內容撐開 , 里面塊級元素的內容也要加浮動
IE6下兼容性常見的幾個問題與解決方法


IE6下兼容性常見的幾個問題與解決方法

常見問題三:p里面不要套用p標簽或者標題標簽
IE6下兼容性常見的幾個問題與解決方法

常見問題四:IE6下最小高度問題
當height<19px的時候會被當作19px來處理
解決辦法:overflow:hidden
IE6下兼容性常見的幾個問題與解決方法


IE6下兼容性常見的幾個問題與解決方法

常見問題五:border:1px dotted; IE6不支持
解決辦法:切背景平鋪
IE6下兼容性常見的幾個問題與解決方法


IE6下兼容性常見的幾個問題與解決方法

IE6下兼容性常見的幾個問題與解決方法

IE6下兼容性常見的幾個問題與解決方法

常見問題六:IE6下,父元素用邊框 , 子元素的margin會消失解決辦法:觸發父元素的haslayout;
IE6下兼容性常見的幾個問題與解決方法


IE6下兼容性常見的幾個問題與解決方法

IE6下兼容性常見的幾個問題與解決方法

IE6下兼容性常見的幾個問題與解決方法

常見問題七:IE6雙邊距bug:橫向的margin值會被放大為兩倍解決方法:display:inline;
IE6下兼容性常見的幾個問題與解決方法


IE6下兼容性常見的幾個問題與解決方法

IE6下兼容性常見的幾個問題與解決方法

IE6下兼容性常見的幾個問題與解決方法

常見問題八:IE6下外邊距消失:當父元素的寬度和一行內容的寬度的差別>3px的時候IE6雙邊距bug:橫向的margin值會被放大為兩倍
解決方法:display:inline;
IE6下兼容性常見的幾個問題與解決方法


IE6下兼容性常見的幾個問題與解決方法

常見問題九:IE6,7下 li本身沒有浮動 , 但是li里面的內容有浮動 , 每個li下邊就會產生一個間距
解決辦法:
1、給li添加 vertical-align:top
2、給li添加浮動
IE6下兼容性常見的幾個問題與解決方法


IE6下兼容性常見的幾個問題與解決方法

IE6下兼容性常見的幾個問題與解決方法

IE6下兼容性常見的幾個問題與解決方法

總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能有一定的幫助,如果有疑問大家可以留言交流 。


相關經驗推薦