一:li邊距「無端」 增長
設置ul的顯示形式爲*display:inline一block;便可,前面加*是隻 針對IE6/IE7有效
二:IE6 不支持min一height屬性,但它卻認爲height就是最小高度
使用ie6不支持但其他瀏覽器支持的屬性!important。
三:Overflow:
在IE6/7中,overflow沒法正確的隱藏有相對定位position:relative;的子元素。
解決方法就是給外包容器.wrap加上position:relative;。
四:border:none 在IE6不起做用: 寫成border:0 就能夠了
五:100%高度
在IE6下,若是要給元素定義100%高度,必需要明肯定義它的父級元素的高度,
若是你須要給元素定義滿屏的高度,就得先給html和body定義 height:100%;。
六:雙邊距 Bug
當元素浮動時,IE6會錯誤的的把浮動方式的margin值雙倍計算,
給float的元素添加一個display:inline
七:躲貓貓bug
定義了:hover的連接,當鼠標移到那些連接上時,在IE6下就會觸發躲貓貓。
1.在(那個未浮動的)內容以後添加一個<span style=」clear: both;」></span>
2.觸發包含了這些連接的容器的hasLayout,一個簡單的方法就是給其定義height:1%;
八:IE6 絕對定位的元素1px 間距bug
當絕對定位的父元素或寬度爲奇數時,bottom和right會多出現1px,
解決方案,針對IE6進行hack處理
複製代碼