1衷掷、*ie6下子級寬度會撐開父級設(shè)置好的寬度笋籽。
方案:將子級元素的寬度設(shè)置為小于等于父級元素的寬度盒模型的計算一定要準(zhǔn)確,否則在IE下會出現(xiàn)問題部凑;
2汁针、*IE6中,元素浮動:如果元素需要寬度進(jìn)行撐開砚尽,需要給里面的子級元素都添加浮動才可以
3、*IE6的最小高度問題辉词,
4必孤、*IE6 下不支持1px的 dotted 邊框樣式切背景平鋪
5、*IE6/7/8下瑞躺,父級有邊框的時候敷搪,子級的margin會失效,
方案:在IE下的大部分兼容性問題都是因為hasLayout屬性觸發(fā)的問題幢哨,盡量觸發(fā)hasLayout可以減少IE的問題
hasLayout只在IE6/7/8中有赡勘,zoom 界面加載初始賠率,觸發(fā)IE 中haslayout
6捞镰、在IE6下闸与,!塊元素有浮動并且橫向有margin 的時候岸售,橫向的margin會擴(kuò)大兩倍!
方案:給塊元素設(shè)置display:inline;
7践樱、ie6/7下,li本身沒有浮動凸丸,li里面的內(nèi)容有浮動拷邢。li下會產(chǎn)生一個間隙
方案:給li設(shè)置浮動:float:left;或vertical-align:top/middle/bottom;
8、ie6下屎慢,最小高度的BUG和li的間隙問題共存的時候瞭稼,使用vertical-align:top/middle/bottom;是無效的
方案:必須使用float:left;
9忽洛、在ie6下 的文字溢出
子元素的寬度和父級的寬度如果相差小于3px的時候,兩個浮動元素中間有注釋或者內(nèi)聯(lián)元素的時候环肘,就會出現(xiàn)文字溢出欲虚,內(nèi)聯(lián)元素越多,溢出越多
方案:用塊元素標(biāo)簽把注釋或者內(nèi)聯(lián)元素包裹起來
10廷臼、在IE6下苍在,當(dāng)浮動元素和絕對定位元素是兄弟的時候,絕對定位會失效
方案:不讓浮動元素和絕對定位是兄弟荠商,? 可以用div元素嵌套
11寂恬、在IE6/7下,子級元素有相對定位莱没,父級overflow包不住子級元素
方案:給父級設(shè)置相對定位
12初肉、ie6下,如果絕對定位的父級寬和高是奇數(shù)的時候饰躲,子級元素的right和bottom會有1像素的偏差
方案:跟美工商量牙咏,換偶數(shù)
13、ie6沒有固定定位嘹裂,只能用JS去模擬
14妄壶、ie不認(rèn)識opacity
用:filter:alpha(opacity=0~100);
15、ie6/7下寄狼,輸入表單控件上下會有1px的間隙
方案:給input加浮動
16丁寄、ie6不支持透明度的方式
方案:通過JS
17、<!--注釋條件語句-->
<!--[if ie]>
我是IE
<![end if]-->
18泊愧、css hack