IE6的一些相容問題

2021-10-25 18:39:50 字數 1110 閱讀 6328

1、css相容問題

(1)ie6不識別html5標籤

解決:引入html5shiv.js庫

(2)ie6元素左右浮動,子元素設定高度後,父元素的浮動消失

解決:給子元素也加上浮動

(3)ie6下第一塊元素浮動後,第二塊元素加的margin-left值等於第一塊元素的寬度,會有間隙問題

解決:第二塊元素去掉margin-left,新增浮動

(4)ie6下子元素寬高大于父元素寬高時,會把父元素撐開

解決:不讓子元素寬高大于父元素寬高

(5)p、td、h標籤都不要巢狀塊元素

(6)margin-top傳遞

解決:觸發bfc或者haslayout

上邊距margin疊加

解決:盡量使用同方向的margin,比如都設定top或bottom

(7)ie6下display:inline-block無效

解決:加上dispaly:inline-block;dispaly:inline;*zoom:1;

(8)ie6下最小高度1px卻為19px

解決:加上overflow:hidden;

(9)ie6/7下,元素浮動後再加上margin會出現雙邊距問題

解決:加上*dispaly:inline;

(10)ie6/7下,假如li中的子元素都浮動,li之間會有4px間隙問題

解決:在li中新增*vertical-align:top;

(11)ie6下兩個浮動元素中間有注釋或者行內元素,並且浮動元素和父元素寬度相差3px,會出現文字溢位bug

解決:避免兩個浮動元素中間有注釋或者行內元素,或者與父元素寬度相差3px以上

(12)ie6/7下,父元素的overflow:hidden包不住子元素,假如子元素有position:relative定位

解決:給父元素也加上position:relative定位

(13)ie6下父元素寬高為奇數且有定位時,子元素相對父元素的定位會有1px的偏差

解決:避免父元素寬高為奇數

(14)ie6下input的空隙

解決:input加float:left

(15)ie6下輸入型別控制項中會輸輸入的內容滾動

IE6不相容問題

一 選擇器相容問題 1.交集選擇器從ie7以上相容 div.special 2.兒子選擇器 ie7開始相容,ie6不相容。3.序選擇器 first child,last child,nth child 1 2n 2 ie8開始相容 選擇器 說ie6 層面相容的 標籤選擇器 id選擇器 類選擇器 後代...

CSS 中ie6相容問題

1 css bug css樣式在各個瀏覽器中解析不一致的情況,或者說是css樣式在瀏覽器中不正確顯示問題,成為css bug 2 css hack css 中,hack是指一種相容css在不同瀏覽器中正確顯示的技巧方法,因為他們都屬於個人對css 的 非官方修改,或者非官方補丁。有人喜歡用patch...

IE6的一些相容性問題

總結一下ie6相容性的部分小問題 1.ie6的hack問題 在css屬性前加上下劃線 這個屬性就是ie6認識的專有屬性。可以用它解決一些ie6的相容問題。例如 background color red 只有ie6才認識這個屬性2.ie6不支援小於12px的盒子。解決辦法是給盒子設定乙個 font s...