IE6下的 CSS 和 HTML 注意事项

1, 关于图片

 

IE6只支持8位的PNG透明图片，所以，所有透明图片，需要转换成GIF格式的才能正常显示。

 

2,关于float以后的margin-left双倍问题

所有float:left后面，都要加上

overflow: hidden;

display:inline;

 

3,float以后，撑开边框的方法

在float层的父层，加上：

 

 

#main-body:after {

    content: "";

    height: 0;

    display: block;

    clear: both;

}

 

4, padding-left and margin-left感觉都失效的问题

使用之前，需要在父层定义：

text-align:left;

同样的，如果想要使用padding-right,父层也不许加上定义

text-align:right;

 

5，关于javascript:void(0)

估计写ajax，现在很多人都会用到这个，但是在IE6，在a标签的href属性中使用javascript:void(0)，会导致一定的bug。

例如：gif格式的动态图片突然没反应了

 

解决方法：避免a标签与javascript：的混合使用。比如，可以用span标签和css代码伪装一个超链接

 

a-link-span { color: #8d9393;/*使用定义的超链接颜色*/ cursor: pointer;/*鼠标经过图层变成小手状*/ } 

 

6. DIV 的高度失效问题

因为IE6 默认的字体显示大小在12-14px之间，当DIV的高度小于这个值的时候，IE6就会自作聪明把数值调大= =+

解决方法是加一个font的值：

font-size: 0px;