收集一些關於IE的BUG

2021-07-22 12:29:09 字數 1679 閱讀 6473

收集摘錄了一些bug雖然是遠古瀏覽器,還是得注意一下吧…

ie6中雙邊距bug:

發生場合:

當浮動元素(浮動後預設為block級元素)的浮動方向和margin方向相同時產生。

解決方法:

給浮動元素加上display:inline;css屬性;或者用padding-left代替margin-left。總之是激發該元素的haslayout即可,通常使用zoom:1實現。因為zoom屬性可以激發haslayout且沒什麼影響。

原理分析:

熟悉一下遠古ie瀏覽器haslayout的存在非常重要,使用zoom來啟用layout提煉bug也非常重要。

ie6/7負margin隱藏bug:

發生場合:當給乙個有haslayout的父元素內的非haslayout元素設定負margin時,超出父元素部分不可見。

解決方法:去掉父元素的haslayout,或者激發子元素的haslayout

原理分析:haslayout產生問題。

ie6/7下ul/ol標記消失bug:

發生場合:當ul/ol觸發了haslayout並且是在ul/ol上寫margin-left,前面預設的ul/ol標記會消失。

解決方法:激發子元素的haslayout

原理分析:haslayout產生問題。

ie6/7下margin與absolute元素重疊bug:

發生場合:雙欄自適應布局中,左側元素absolute絕對定位,右側的margin撐開距離定位。在ie6/7下左側應用了absolute屬性的塊級元素與右邊的自適應的文字內容重疊。

解決方法:把左側塊級元素更改為內聯元素,比如把div更換為span。

原理分析:這是由於ie6/ie7瀏覽器將inline水平標籤元素和block水平的標籤元素沒有加以區分一視同仁渲染了。屬於ie6/7瀏覽器渲染bug。

ie6/7/8下auto margin居中bug:

發生場合:給block元素設定margin auto無法居中

解決方法:出現這種bug的原因通常是沒有doctype,然後觸發了ie的quirks mode,加上doctype宣告就可以了。在《打敗ie的葵花寶典》裡給出的方法是給block元素新增乙個width能夠解決,但根據本人親測,加with此種方法是無效的,如果沒有doctype即使給元素新增width也無法讓block元素居中。

原理分析:缺少doctype宣告。

ie8下input[button | submit] 設定margin:auto無法居中

發生場合:ie8下,如果給像button這樣的標籤(如button input[type=」button」] input[type=」submit」])設定如果不設定寬度的話無法居中。

解決方法:可以給為input加上寬度

原理分析:ie8瀏覽器bug。

ie8百分比padding垂直margin bug:

發生場合:當父元素設定了百分比的padding,子元素有垂直的margin的時候,就好像父元素被設定了margin一樣。

解決方法:給父元素加乙個overflow:hidden/auto。

原理分析:ie8瀏覽器bug。

IE相關的一些BUG彙總

在進行網頁布局的時候,經常會根據需要設定相對,絕對以及浮動定位 發現了乙個奇妙的現象 1.當絕對定位層的鄰近浮動層的寬度不等於父層寬度時,以及沒有清除浮動時,ie6 7,ff中顯示一致 2.當絕對定位層的鄰近浮動層的寬度不等於父層寬度時,有清除浮動時,ie6 7不顯示絕對定位層,ff顯示 3.當絕對...

關於抽象的一些收集

什麼是抽象?什麼是抽象等級高?什麼是具象?大家天天說抽象,甚至還在比較抽象的等級高階,但是我實在不知道大家腦子裡的 抽象 一詞到底是什麼意思?首先,很關鍵的一點是 現在你站在 最關鍵的是觀察者主體的位置處在 首先關鍵的是參照點。更令人迷惑的是你一定會運動!因為你是主體,你有主觀能動性,你可以在問題空...

關於IE外掛程式設計的一些資料

關於ie外掛程式設計的一些資料 這兩天,打算做乙個ie外掛程式,但是資料真不好找,問了一些朋友,他們也不清楚。結果我再csdn的論壇裡面搜尋到了一些有用的資訊,位址收錄如下 工作要沒了 各位哥哥姐姐幫忙 做乙個網路外掛程式 急!如何用c 製作ie外掛程式?請給個方向或思路!office2000下內部...