使元素不可点击(点击它背后的东西)

Question

当用户处于滚动触摸屏(移动设备)的行为时,我有一个固定的图像覆盖页面.

我希望将该图像设置为"不可点亮"或"不活动"或其他任何内容,以便如果用户触摸并拖动该图像,其后面的页面仍然会滚动,就好像图像没有"阻止"交互一样.

这可能吗？如果需要,我可以尝试提供屏幕截图,例证我的意思.

谢谢!

Answer 1

设置CSS - pointer-events: none应该删除与图像的任何鼠标交互.IE中支持得很好.

这是完整的值列表pointer-events.

Answer 2

CSS指针事件是您想要查看的内容.在您的情况下,将指针事件设置为"无".看看这个JSFiddle的例子...... http://jsfiddle.net/dppJw/1/

请注意,双击图标仍会显示您单击该段落.

div.child {
    ...    
    background: #fff;
    pointer-events: none //This line is the key!
} 

Answer 3

如果你想使用 JavaScript ：

document.getElementById("x").style.pointerEvents = "none";

<a href="https://www.google.com" id="x" />Unclickable Google Link</a>
<br>
<a href="https://www.google.com" id="" />Clickable Google Link</a>