1、ie6中絕對定位位置錯誤
問題描述：在ie6中，如果參照物沒有觸發haslayout ，那麼絕對定位的容器的left和bottom就會有問題。
解決辦法：在相對定位的父容器上加入 zoom:1 來觸發ie的haslayout即可解決。
小技巧：通常我們在設定乙個容器為position:relative的時候 ，都會加上zoom:1來解決很多ie下的問題。
2、ie6中絕對定位1畫素偏差
問題描述：在 ie6 下定位元素的父級寬高都為奇數時，那麼在 ie6 下定位元素的 right和bottom都有1畫素的偏差。
解決辦法：
設為偶數。
3、ie6浮動元素雙邊距bug
問題描述：
ie6下塊元素有浮動和橫向margin的時候，橫向的margin值被放大成兩倍。
解決辦法：
給浮動元素加 display:inline。
4、ie67下li底部間隙的bug
問題描述：在ie67下，li本身沒浮動，但是li的內容有浮動，li下邊就會產生乙個間隙。
解決辦法：
給li設定 float:left或者給li加vertical-align:top。
5、ie6下最小高度問題
問題描述：在ie6下高度小於19px的元素，高度會被當做19px來處理。
解決辦法：設定font-size：0;
6、ie6 下子級的相對定位
問題描述：ie6 下父級的overflow:hidden;是包不住子級的相對定位的。
解決辦法：父級也設為相對定位。
7、在ie6下子元素margin問題
問題描述：在ie6下父級有邊框的時候，子元素的margin值消失。
解決辦法：觸發父級的haslayout。
8、在ie6下的文字溢位bug
問題描述：子元素的寬度和父級的寬度相差小於3px的時候或兩個浮動元素中間有注釋或者內嵌元素。
解決辦法：用div把注釋或者內嵌元素用div包起來。
↓leo是個大胖子
9、絕對定位元素消失
問題描述：當浮動元素和絕對定位元素是並列關係的時候，在ie6下絕對定位元素會消失。
解決辦法：給定位元素外麵包個div。
10、表單控制項1px間隙
問題描述：在ie6，7下輸入型別的表單控制項上下各有1px的間隙。
解決辦法：給input加浮動。
11、表單控制項加border:none無效
問題描述：在ie6，7下輸入型別的表單控制項加border:none無效。
解決辦法：重置input的背景。
.box
input
12、表單控制項背景會移動
解決辦法：把背景加給父級。
.box
input
13、ie6下png
解決ie6 ie7 相容性問題
測試工具 ietester 問題描述 在ie6中，如果參照物沒有觸發haslayout 那麼絕對定位的容器的left和bottom就會有問題。解決辦法 在相對定位的父容器上加入 zoom 1 來觸發ie的haslayout即可解決。小技巧 通常我們在設定乙個容器為position relative的...
關於ie6,ie7相容性總結
ie的float bug ie6,ie7 使前端工程師們為之困擾,最常見的現象就是 當浮動元素的父級元素在拖動滾動條的時候出現邊框的缺失,對於此類問題的解決方案就是使浮動元素獲得布局.在諸多的情況中,因為頁面需要寬度自由伸縮而不能申明寬度為固定值,但我們可以設定 height 1 在這裡可謂是舉足輕...
IE相容性問題
通過濾鏡來解決 background rgba 255,255,255,1 火狐，谷歌等 filter progid dximagetransform.microsoft.gradient startcolorstr 19ffffff,endcolorstr 19ffffff 相容ie顏色 19ff...