Firefox不会恢复游标属性

I'm working with webcams and have experienced a weird issue.

我正在使用网络摄像头，并遇到了一个奇怪的问题。

I have a flash object with my webcam video, and I have put a div over it (with absolute positioning), as a button to toggle the video. The HTML is something like this:

我有一个带有我的网络摄像头视频的flash对象，我在它上面放了一个div（绝对定位），作为切换视频的按钮。 HTML是这样的：

<div id="container">
  <object></object>
  <div class="camicon"></div>
</div>

And the CSS:

而CSS：

div.camicon {
    height: 32px;
    width: 32px;
    background-image: url('../../images/broadcast/webcam-icon.png');
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

The problem now is that, in Firefox, cursor is not restored to its default value (i.e. the arrow) while cursor has left the icon AND stays on the flash object. However, cursor is restored properly when it moves outside the flash object.

现在的问题是，在Firefox中，光标没有恢复到其默认值（即箭头），而光标已经离开了图标并且保留在flash对象上。但是，当光标移动到flash对象之外时，光标会正确恢复。

This doesn't happen on Chrome, so I guess this may be some annoying bug.

这不会发生在Chrome上，所以我猜这可能是一些烦人的错误。

Does anyone know something about this? I have tried lots of possible fixes for it, but no success so far.

有谁知道这件事？我已经为它尝试了很多可能的修复，但到目前为止还没有成功。

More info:

更多信息：

• Ubuntu 11.10 32bits
• Ubuntu 11.10 32位
• Firefox 13.0.1
• Firefox 13.0.1
• Flash 11.2.202.236
• Flash 11.2.202.236

1 个解决方案

#1

I don't have any code to test it, but I would think something like this should work to help force the point (maybe this is one of the solutions you already tried):

我没有任何代码来测试它，但我认为这样的东西应该有助于强调要点（也许这是你已经尝试过的解决方案之一）：

#container {
    cursor: auto; /* or "default" */
}


#container div.camicon {
    height: 32px;
    width: 32px;
    background-image: url('../../images/broadcast/webcam-icon.png');
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}