ie6/7下特有的cssbug

一: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處理
複製代碼
相關文章
相關標籤/搜索