- 浮动+不浮动--》3px文本偏移bug
- 解决方法:均设置为float。
- IE6下双边距bug(块元素+浮动+横向margin)
- 解决办法:把display:block改为display:inline-block。或将margin改为padding。
- IE6/7下,li元素中两个子元素有一元素向右浮动,右侧元素折行问题。(li元素下的一个浮动一个不浮动)
- 解决方法:前一个非块元素设置为float。
- IE6/7下,li不浮动,内部元素全浮动的情况下,各各li有3px的间隙。(li的width和清除浮动设置+内容全部浮动)
- 解决方法:加上li{vertical-align:top;}。或者是把li{200px}宽度设置到ul{200px;}中。
- IE6/7下的图片窿问题
- 解决办法:方法一:display:block;方法二:设置vertical-align。
- IE6下,父元素浮动,子元素为块元素时
- 解决办法,子元素设置浮动。
- IE6不支持png24透明背景,会显示为灰色背景。
- 解决办法:但这种方式也有局限性,在IE6中放大显示时会出错。
<!--[if IE 6]>
<script type="text/javascript" src="DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#css1,#css2');
</script>
<![endif]-->
- 解决办法:但这种方式也有局限性,在IE6中放大显示时会出错。
- border设置三角形需要用到border-color:transparent,而IE6中不支持。
- 事实上还是有线有颜色的,只是通过设置字体大小,以及边框样式巧妙隐藏而已。
- 。
- 。