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

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之間所有的註釋、不設置浮動等。