使元素不可点击（点击后面的东西）

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

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

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

谢谢！

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! }