我正在使用网络摄像头,并遇到了一个奇怪的问题。
我的网络摄像头视频中有一个flash对象,我在它上面放了一个div(带绝对定位),作为切换视频的按钮。 HTML是这样的:
<div id="container">
<object></object>
<div class="camicon"></div>
</div>
CSS:
div.camicon {
height: 32px;
width: 32px;
background-image: url('../../images/broadcast/webcam-icon.png');
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
}
现在的问题是,在Firefox中,光标没有恢复到其默认值(即箭头),而光标已经离开了图标并且保留在flash对象上。但是,当光标移动到flash对象之外时,光标会正确恢复。
这不会发生在Chrome上,所以我猜这可能是一些烦人的错误。
有人对此有所了解吗?我已经为它尝试了很多可能的修复,但到目前为止还没有成功。
更多信息:
答案 0 :(得分:0)
我没有任何代码可以测试它,但我认为这样的事情应该有助于强调要点(也许这是你已经尝试过的解决方案之一):
#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;
}