FireFox正常 IE錯位的絕對定位元素

2022-09-25 15:54:10 字數 578 閱讀 7612

ie 一如既往地帶來問題。真的,我覺得 ie 堅持自己的一套無所謂,不支援或者不完全支援標準也無所謂。但是,ie6 ie7 ie8 這三個版本都有各自不同的表現,實在是太讓人難受了。

前兩天碰到了這個奇怪的問題:

絕對定位的元素,緊鄰著兩個浮動元素。firefox 中一切正常,ie6 中絕對定位元素消失了。

解決方法:只要別讓絕對定位元素緊鄰浮動元素就可以了。比如可以在絕對定位元素後面加個空元素。當然,這個空元素是毫無意義的,但是,在 ie 面前,又能怎麼樣呢?

經過實驗,我發現,只要浮動元素的寬度不填滿父元素,絕對定位元素就能正常顯示,一旦浮動元素的寬度填滿父元素,絕對定位元素就會消失。而且,看來,父元素寬度是這種情況發生的臨界點。

另外,這個 demo 裡面也存在 ie6 的另乙個經典 bug : 由注釋產生的表現不同。(唉,bug 都成經典了,ie 無敵啊。

請看上面的圖中,上面那塊,就是有注釋的,下面那塊是去掉注釋的,可以明顯的看到底部的白色空白高度是不同的。

看具體演示效果:

提示:您可以先修改部分**再執行

本文標題: firefox正常 ie錯位的絕對定位元素

本文位址:

IE與Firefox的CSS相容

css對瀏覽器器的相容性具有很高的價值,通常情況下ie和firefox存在很大的解析差異,這裡介紹一下相容要點。常見相容問題 1.doctype 影響 css 處理 2.ff div 設定 margin left,margin right 為 auto 時已經居中,ie 不行 3.ff body 設...

firefox與ie的相容(css,html)

一。在 css中常用特殊字元識別表 二。2.在ie瀏覽器中不能夠理解!important的優先順序,因此,可以利用!important,設定針對ie和非ie的瀏覽器的樣式,只要在feiie流浪其樣式的後面加上1important就可以了 三。相容ie與firefox的css 線性漸變 linear ...

ie和firefox中的不同

今天 3.17 遇到了乙個超鬱悶的問題,我用getelementsbyname時,在ie中怎麼也得不到乙個這個document物件,而firefox中卻可以。非常得納悶。google一下才發現兩個瀏覽器在使用方面有一下不同 w3c規範中getelementsbyname是按著name屬性進行檢索的,...