Question

我在IE6中调整顶部和左侧时遇到了问题，在所有剩余的浏览器中，情况都很好。

我有这个css：

font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
height: 590px;
left: 50px;
line-height: normal;
overflow: hidden;
position: relative;
text-align: left;
top: -42px;
width: 760px;
z-index: 0;

修改

这个顶部和左边我从javascript中得到它：

     function()
       {H(a,{left:0,top:0});g=a.getBoundingClientRect();H(a,{left:"50px",top:"-42px"})}

我没有css文件来放置代码，所以如果我改变顶部并且hight它不会在IE6中触发。它就像我什么都不做。

我想知道IE6是否不处理顶部和左侧？我该如何解决这个问题？

Answer 1

尝试添加position:absolute而不是relative。 IE6通常可以很好地处理定位。不确定你是否在这个div中使用绝对定位的孩子。

编辑。

如果你正在使用条件。 e.g。

<!--[if IE 6]>      <html class="ie6"> <![endif]-->

您只能在ie6。

中定位绝对定位

.ie6 .your-selector {
    position:absolute;
}

Answer 2

通常，为了使IE6渲染得相当正确，页面上的所有块应该启用hasLayout。我通常（大约2年前的某些时候）通过在个人IE6样式表或“明星”黑客中使用height: 1px来实现这一目标：

/* hasLayout is now on in IE6 for elements having `example` class. */
* HTML .example {height: 1px; }

但IE6当前不值得任何努力（我在2011年根本不支持它，并建议大家也这样做）。

IE6中的顶部和左侧

2 个答案: