空Div不会在IE6中注册CSS事件

Question

我有两个具有相同事件onmousedown的元素。 元素还具有以CSS样式设置的Cursor：move属性。 元素为空，除了边框以外，必须为空或至少透明。

在IE 6中，只有边界会记录光标更改或激活javascript事件处理程序。 IE6将空div视为不存在。 如果将鼠标悬停或单击边框，它将更改光标并可以激活onmousedown事件。

这在FF中不是问题...有人知道发生了什么吗？

Answer 1

这是因为IE6 讨厌 Web开发人员。

通过强制div为非空（并带有  作为内容。

<div id="ie6-hates-you">&nbsp;</div>

Answer 2

那是因为绝对的定位。

您必须将宽度设置为100％

width: 100%;

Answer 3

如果您从两个容器中删除position:absolute;top:0;left:0 ，则它在ie6中起作用。

将float:right添加到＃container2，您将获得相同的布局。

Answer 4

将容器包装在2个div周围，并将其设置为position:relative;

<div id="test-container">
    <div id="container1"><div id="container2"></div></div>
</div>

的CSS

#test-container{position:relative;width:300px;height:300px}

这在ie6中有效。

更新的小提琴