jQuery 的 mousemove 不会在 ie6 中的空白 div 上触发答案

【问题标题】：jQuery's mousemove does not fire on blank div in ie6jQuery 的 mousemove 不会在 ie6 中的空白 div 上触发
【发布时间】：2010-11-18 01:07:17
【问题描述】：

我有一些只有宽度、高度和边框的 div。我正在使用：

$(".the_divs").bind("mousemove",function(ms){
     do_stuff(this);
});

我的 div 没有设置任何背景 CSS（因此您可以看到它们背后的内容）。但是，ie6 仅在鼠标移到 div 的边界上时触发 mousemove 事件。因此，如果您将鼠标快速移动到 div 中（越过边界），它永远不会被触发。

如果我将背景设置为一种颜色，这个问题就解决了。我尝试了以下方法，但没有成功：

background: none transparent;

我想我可以在里面放另一个 div 并将宽度设置为 100% 或其他值，但我正在寻找最简单的解决方案，因为这是一个更大项目的一部分。

谢谢

【问题讨论】：

【解决方案1】：

这听起来像是 ie 6 的 css 问题。我建议尝试

display:block

另外，设置 div 的宽度和高度可能也是一个好主意。这是一个很好的资源来理解和修复 ie6 所做的许多奇怪的事情： http://satzansatz.de/cssd/onhavinglayout.html

【讨论】：

【解决方案2】：

我想我找到了一个 hack/fix。在我的 ie6 only css sheet 上，我将这些 div 的背景设置为透明 gif。它似乎有效。

【讨论】：

【解决方案3】：

您可以通过简单地使用无效的图片 URL 来避免使用透明的 GIF 背景，例如：

background-image: url(#);

【讨论】：