1. 程式人生 > >CSS在IE6中常見的兼容性問題

CSS在IE6中常見的兼容性問題

內聯 就會 刪除 oat ie 6 pre 距離 alt www

1.在IE6中png24格式的圖片不透明

解決辦法:寫一個條件註釋語句,引入一個js插件,然後調用一下js中的方法,把需要處理的元素的類名寫在括號中,如下

(插件下載地址:http://www.dillerdesign.com/experiment/DD_belatedPNG/)

<!--[if IE 6]>
    <script src="DD_belatedPNG_0.0.8a-min.js"></script>
    <script>
         DD_belatedPNG.fix(‘.png-img1,.png-img2‘);
    </script>
<![endif]
-->

2.IE6中position:fixed;無效

  可以用position:absolute;進行定位,right控制右邊的距離,top值用通過js獲取各種值去計算

3.IE6中雙邊距問題

  即:浮動元素擁有同向margin值(left和margin-left,right和margin-right),第一個元素會出現同向的margin值

  例如三個margin-left:10px;的div都float:left;第一個(最左邊的)div的margin-left是20px,或者margin-right:20px;float:right;最右邊的會出現margin-right:40px;

  解決辦法:針對IE6,把元素轉成內聯,在那個元素的css中寫上 _display:inline; 下劃線的意思是針對IE6,只有IE6才解析(順便提一下 ,星號 * 是針對IE7的)

4.諜影重重

  寫了幾行正常的標簽

  技術分享圖片

  正常情況下應該是

  技術分享圖片

  但在IE6中可能會這樣,但把div上邊的註釋刪了之後就會恢復正常

  技術分享圖片

  造成這個BUG的原因可能是多重混合的,如浮動,註釋,寬高定義等等。並且註釋條數越多,溢出的文本也會隨之增多。

  所以解決辦法:刪除box1和box2之間所有的註釋、不設置浮動等

CSS在IE6中常見的兼容性問題