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处理
复制代码
相关文章
相关标签/搜索