空分区不会在IE6中注册CSS事件

Question

我有两个元素，它们在onmousedown上有相同的事件。这些元素还在CSS样式中设置了Cursor: move属性。元素是空的，并且需要是空的，或者至少是透明的，除了边框。

在IE6中，只有边框注册游标更改或激活javascript事件处理程序。IE6把空的div当作不存在的东西。如果您悬停或单击边框，它会更改光标并激活onmousedown事件。

这在FF中不是问题...有人知道是怎么回事吗？

Example Fiddle

Answer 1

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

通过强制div为非空，并使用 作为内容，使其变得愉快。

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

Answer 2

如果从两个容器中删除position:absolute;top:0;left:0，它就可以在ie6中工作。

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

Answer 3

在两个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中有效。

Updated fiddle