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...