每当有人越过 object
标签时,我想隐藏我的鼠标光标。但是 cursor:none
不适用于对象,而它适用于页面的其余部分。
这是我正在使用的,但我没有做到。
<object id="obj" class="obj" style="cursor:none;" data='bla-bla.pdf'
type='application/pdf'
width='1000px'
height='640px'>
cursor:none
不工作。请告诉我任何方法。
最佳答案
只需使用覆盖; <object>
s 可以表现得很有趣。
HTML:
<div id="obj_container">
<object id="obj" src="blablabla.pdf"></object>
<div id="obj_overlay"></div>
</div>
CSS:
#obj_container{
position:relative;
}
#obj{
position:absolute;top:0;left:0;
z-index:2;cursor:none;
}
看到这个 JSFiddle demo 以获得更完整的代码。
关于javascript - 从网页上的对象隐藏光标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21686051/