html - 使元素不可点击(点击它后面的东西)

标签 html css mobile scroll touch

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

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

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

谢谢!

最佳答案

设置 CSS - pointer-events: none 应该消除鼠标与图像的任何交互。在除 IE 之外的所有软件中都得到很好的支持。

Here's a full list pointer-events 可以采用的值。

关于html - 使元素不可点击(点击它后面的东西),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18083061/

相关文章:

javascript - 无法居中图片

javascript - 在 JQuery 中使用 JSON 数组

php - 如何标记一个表中不在另一表 (mySQL) 中的值?

javascript - 使用 jquery 在 div 内动态更改图像

mobile - Mobile Safari 共享按钮的技术名称是什么?它可以用 Javascript 定位吗?

html - 带 Bootstrap 的行流体内的行流体

html - 如何防止页脚太高?

php - 将 PHP while 循环代码的内容放入 DIV 中

css - 触摸设备禁用元素悬停

html - 如何在浏览器和手机端正确显示HTML页面