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...