05 CSS 瀏覽器相容問題小總結(IE6)

2021-08-03 19:26:46 字數 1077 閱讀 9821

ie6不支援小於12px的盒子,任何小於12px的盒子,在ie6中看都大 

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

height: 4px;

_font-size: 0px;

瀏覽器hack。css hack(根據不用的瀏覽器寫不同的css),hack就是使用瀏覽器提供的後門,針對某一種瀏覽器做相容。 

ie6留了乙個後門,就是只要給css屬性之前,加上下劃線,這個屬性就是ie6認識的專有屬性。

比如:

_background-color: green;

//由於有下劃線,所以高階瀏覽器不認識這個屬性,不予以渲染

ie6不支援用overflow:hidden;來清除浮動

解決辦法,以毒攻毒。追加一條

overflow: hidden;

_zoom:1;

//強調一點, overflow:hidden;的本意,就是溢位盒子的border的東西隱藏,這個功能是ie6相容的。不相容的是overflow:hidden;清除浮動的時候。

這兩個ie6的相容問題,都是通過多寫一條hack來解決的。這個我們稱為伴生屬性。

1、 ie6雙倍margin bug

當出現連續浮動的元素,攜帶和浮動方向相同的margin時,隊首的元素,會雙倍marign。

解決方案:

1)使浮動的方向和margin的方向,相反。 

最好習慣是浮動的方向和margin的方向相反。

float: left;

margin-right: 40px;

2)使用hack(沒必要,別慣著這個ie6) 

單獨給隊首的元素,寫乙個一半的margin

2、 ie6的3px bug

解決辦法: 

不用管,因為根本就不允許用兒子踹父親。所以,如果你出現了3px bug,說明你的**不標準。

瀏覽器相容問題總結

一 dom篇 ie中所有的dom物件都是又com物件的形式實現的,ie不能訪問node型別,dom中每個節點的nodetyoe屬性 元素 屬性 文字 對應com中的數值 1,2,3 ie和其他瀏覽器對自定義屬性的查詢結果不同 e在解析節點的過程中不會包括空白節點,使用childnodes遍歷節點的過...

瀏覽器相容問題總結

html js css html一般是舊的瀏覽器版本不相容新的瀏覽器的新特性 js 中事件流dom2級事件,1 非ie瀏覽器新增事件 dom.addeventlistener click function true dom.removeeventlistener ie瀏覽器新增事件 dom.atta...

瀏覽器相容問題總結

1 jquery 2.0不再對ie6 7 8三個版本進行支援。如果你的 需要維護對ie8或者低版本 或者是ie9和ie10在相容模式下執行 你只需要沿用jquery1.9或者以下版本。2 如果使用springmvc風格的話,ie11有時候會將 userid 這種url引數中的 和 進行轉意成 3f和...