首页 » 前端技术 » 网页在浏览器或者微信中打开,长按图片会出现菜单如何屏蔽

网页在浏览器或者微信中打开,长按图片会出现菜单如何屏蔽

高蒙 2019/10/31 14:43 2.0k浏览 7评论 Html/Css


在项目中遇到,弹出图片预览的功能,但是呢,又不想这个图直接长按就能保存。所以需要将手机浏览器和微信浏览器长按图片给屏蔽掉。

解决方法:

很简单,放个透明absolute定位div遮盖住图片,这样就行了。

<div style="position: absolute; z-index: 3002; overflow: hidden; opacity: 1; pointer-events: auto; background: none; width: 100%; height: 100%;"></div>

上面的代码,轻松解决手机浏览器和微信浏览器屏蔽长按图片保存的问题。





相关文章

我有话说

站长昵称:(*)

输入内容:

选个头像:

评论列表

    ...

    高蒙

    男, PHP程序猿

    文章

    492

    标签

    43

    热度

    10w+

    南京, 江苏, 中国

    人生要是没有理想, 那跟咸鱼有什么分别。