IE6上的 CSS 和 HTML 注意事项

2012-10-08

IE6下的 CSS 和 HTML 注意事项1, 关于图片IE6只支持8位的PNG透明图片，所以，所有透明图片，需要转换成GIF格

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;

}

如果上述方法无效的话，在float的层最后，加一个DIV层

例如：

<div style="font-size: 12px; background-color: #e7e5dc; width: 915px; margin-top: 18px !important; margin-right: 0px !important; margin-bottom: 18px !important; margin-left: 0px !important; padding-top: 1px;">a-link-span?{??
????color:?#8d9393;/*使用定义的超链接颜色*/??
????cursor:?pointer;/*鼠标经过图层变成小手状*/??
}????
6. DIV 的高度失效问题
因为IE6 默认的字体显示大小在12-14px之间，当DIV的高度小于这个值的时候，IE6就会自作聪明把数值调大= =+
解决方法是加一个font的值：
font-size: 0px;
?
7. font-size: 13px失效问题
IE6 不能识别这个，解决方法是换成font-size: 9pt
?
8. min-height的问题
IE6 不能识别min-height，但是当高度超过height值时，它会自动加高。解决方法是。
min-height: 300px;
height: auto !important;
height: 300px;
?
9. li 左边的小圆点有时候去不掉
IE 6下，彻底去掉list-style要用：
list-style: none outside none;
?

热点排行