◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
H5移动端 img标签长按,会出现如图效果⬇️
那么该如何修改,能避免长按保存图片操作呢?
pointer-events是一个css3属性
,用于指定元素是否能响应鼠标(或触摸)事件
img { pointer-events:none; }
div{ background-image:url('......'); }
在img图片层增加遮罩,设置透明度为0,这样图片不会被点击,也不会出现长按保存图片操作。
图片元素的外层元素为div标签,才能实现该需求。如果外层元素为a标签则不行
.imgMask{ position: absolute; z-index: 100; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; }
上述三种方案均可
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。