javascript - 从网页上的对象隐藏光标

Question

每当有人越过 object 标签时，我想隐藏我的鼠标光标。但是 cursor:none 不适用于对象，而它适用于页面的其余部分。

这是我正在使用的，但我没有做到。

<object id="obj" class="obj" style="cursor:none;" data='bla-bla.pdf' 
    type='application/pdf' 
    width='1000px' 
    height='640px'>

cursor:none 不工作。请告诉我任何方法。

Answer 1

只需使用覆盖； <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 以获得更完整的代码。