css margin-top兼容问题

来源：百度知道 编辑：UC知道 时间：2024/07/04 01:23:18
在ff和ie8下是margin-top：5px；正常

在ie6下是margin-top：1px；正常

怎么解决
用什么方法来指定哪个浏览器用哪个？

这是CSS代码：.menu li{line-height:27px;margin-top:5px;float:left;letter-spacing:1px;width:56px;background:url(../images/bgLine.gif) no-repeat right -85px;text-align:center;}

写个兼容吧.. IE6 兼容 _margin-top:1px; FF margin-top:5px; IE7 *margin-top:5px; 这是指定 哪个浏览器 读哪个margin

IE6 读 _margin-top:1px;

FF 读 margin-top:5px;

IE7 读 *margin-top:5px;

一般 IE8 不考虑的.

1.检查结构

2.margin-top 改为：padding-top

3.高度取正确值。

备注：
用css hack会引发后期不可预见问题

写两个，比如
_margin-top:5px;
*margin-top:1px;

margin-top:5px; / ff 和 iE8 /

_margin-top:1px;/ ie6 /