ie瀏覽器相容筆記

2021-07-25 10:40:40 字數 1167 閱讀 2470

ie低版本瀏覽器預設很多標籤是自帶樣式的。

ul預設室友padding-left 40px

li標籤的預設樣式是跟其他瀏覽器不一樣的。預設帶有左邊距16px左右,設定屬性如下即可解決

list

-style

-position:outside;

position後記得在relative屬性的元素設定浮層  z-index:0;初始化。避免不相容

多個併排div,設定margin等值無效:

這種情況可能是第乙個div設定了浮動,而其他的並沒有設定浮動。所以會導致後邊的元素的margin等值無效。

解決方法:

1在浮動和沒有設定浮動的div元素中間新增

2.給所有div元素設定float屬性

ie7中li標籤有預設的做編劇導致字型有左移動,設定裡標籤的樣式 list-style-position:outside;

ie老版瀏覽器外層父div標籤設定了寬高,裡面巢狀li等標籤同時有設定padding或者margin的時候,

整個div的寬高度會變成原本的寬加上padding的寬或者margin的寬,原本的高度變成原高加padding高,或者加margin高 ,

這時候需要在原div裡面加乙個div或者ul之類的標籤包裹住li等標籤,這種bug事因為寫法不夠嚴謹而導致的

ie瀏覽器margin:0 auto失效,全部在左邊。只需要給父元素新增乙個text-align:center屬性即可

ie瀏覽器li標籤在div中顯示bug:

在使用div和li顯示文字的時候,由於ie瀏覽器對li的文字長度沒有預設強制令起一行。導致如果文字超出div設定的寬度再先有的位置上折行,造成顯示問題

只需加上如下**

div

li

ie7元素定位被遮擋

兩組絕對定位的元素,第一隊生成的相對定位的元素被第二組的相對定位的元素遮擋了。

設定第一組絕對定位的元素z-index的屬性值,在設定第一組相對定位的z-index屬性值即可。第一組的z-index屬性值要比第二組定位的元素的值大

ie7特殊屬性:*hight:10px;這種只有在ie7能識別。調相容使用,_height:10px;ie6能識別

ie瀏覽器相容筆記

某某 經理讓你相容ie瀏覽器 我的內心 1.html 寫法不標準。有的html 不夠嚴謹,就會造成在ie瀏覽器下各種的問題。比如標題,最好不要直接用li標籤,最好外面有個div包裹,li列表外面需要有ul標籤包裹。應該載入一段公共css 去除某些樣式的預設初始屬性。body,div,dl,dt,dd...

IE瀏覽器相容問題

解決方法 各個版本的分析 x ua compatible是針對ie8新加的乙個設定,對於ie8以下的瀏覽器是不識別的,這個區別與 content ie 7 在無論頁面是否包含指令,都像是使用了 windows internet explorer 7的標準模式。而content ie emulatei...

實現IE瀏覽器相容placeholder效果

placeholder是html5的屬性之一,在不同的瀏覽器 支援html5的現代瀏覽器 中會有略微不同的顯示效果,在chrome v31.0.1650.63 m firefox v21.0 360安全 v6.3 極速模式 中,輸入欄獲得焦點後,提示文字並不消失,但是ie6 ie9 是不支援plac...