113

当用户滚动触摸屏（移动设备）时，我有一个固定的图像覆盖页面。

我想让该图像“不可点击”或“非活动”或其他任何东西，这样如果用户触摸并从该图像拖动，它后面的页面仍然滚动，就好像该图像不存在“阻止”交互一样。

这可能吗？如果需要，我可以尝试提供屏幕截图来说明我的意思。

谢谢！

4

3 回答 3

224

设置 CSS - pointer-events: none应该删除任何鼠标与图像的交互。除了 IE 之外，所有版本都支持得很好。

pointer-events这是可以采用的值的完整列表。

于 2013-08-06T14:34:10.517 回答
19

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

请注意，双击图标仍然会说您单击了该段落。

div.child {
    ...    
    background: #fff;
    pointer-events: none //This line is the key!
}
于 2013-08-06T14:41:14.177 回答
7

如果你想使用 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>

于 2018-06-26T14:18:27.990 回答