坑爹的IE6相容性問題

2021-08-03 14:43:36 字數 598 閱讀 1247

第一:ie6不支援小於12px的盒子

解決方法很簡單,就是將盒子的字型大小,設定小(小於盒子的高),比如0px。

height: 4px;

font-size: 0px;

瀏覽器hack,就是瀏覽器提供的後門,針對某一種瀏覽器做相容。ie6留了乙個後門,就是只要在css屬性之前加上下劃線,這個就是專門用來對付ie6的。

解決微型盒子,正確寫法:

height: 10px;

_font-size: 0;

否則ie6不支援小於12px的盒子。

第二:ie6不支援用overflow: hidden來清除浮動的。需要使用_zoom: 1;(其實就是放大倍數1)。

完整寫法:

overflow: hidden;

_zoom: 1;

實際上,_zoom:1 能夠觸發瀏覽器haslayout機制,這個機制ie6就有。

強調一點:overflow: hidden的本意,就是溢位盒子的border的東西隱藏,這個功能是ie6相容的。

IE6的一些相容性問題

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

IE相容性問題

通過濾鏡來解決 background rgba 255,255,255,1 火狐,谷歌等 filter progid dximagetransform.microsoft.gradient startcolorstr 19ffffff,endcolorstr 19ffffff 相容ie顏色 19ff...

IE相容性問題

一 css hack 目的是是你的css 相容不同的瀏覽器 書寫順序 一般將使用範圍廣,被識別能力強的css的前面 1 只有ie下生效 ie10以下 2 只有在ie8下生效 3 只在ie8不生效 4 只在ie8以上版本生效 二 屬性字首法 在css屬性名前加上一些只有特定瀏覽器才能識別的hack字首...