【web前端】20.手机端网页禁止长按图片保存图片

最近做项目遇到一个问题，就是img图片长按会从底部弹出来保存图片的弹框，因为页面上不需要这个功能，所以产品要求去掉，解决这个问题，有两种方法：

1. 利用css img属性

img {pointer-event:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}

2. 设置背景图片

用div层的background-image设置背景图片，而不用img标签。这样浏览器就不会调用保存保存图片的功能了。

【web前端】20.手机端网页禁止长按图片保存图片相关推荐

使用PDF.js实现前端和手机端网页预览PDF文件（可定制，支持本地文件、Base64编码和远程URL跨域方式）
1.插件下载地址:https://mozilla.github.io/pdf.js/ 下载后解压pdfjs-1.10.88-dist.zip文件后得到: 2.把pdfjs-1.10.88-dist放到 ...
html5 底部导航栏,web前端html5手机端底部导航多种方法推荐
DEMO * { padding:0px; margin:0px; font-family:微软雅黑; } ul li { list-style:none; } .container { width: ...
手机端 html5 按长按保存图片尺寸,html5移动端禁止长按图片保存的实现
在移动端访问H5页面的时候,长按图片就会把图片保存起来,为了能够让用户体验更好一些,我们需要长按的时候也不保存图片.那该如何实现呢?下面给出3种解决方案. 方案一:使用 pointer-events: ...
ps制作手机端网页字体大小_制作网页的最佳字体大小
ps制作手机端网页字体大小 To make web content work, text on a page must be readable for all visitors. Following ...
手机端网页设计尺寸大小
手机端网页设计尺寸大小对大于30W台客户端用户进行测试,得到的测试数据如下(数据来源于网络): 安全分辨率为1024 X 768 px 可建议大分辨率为1280 X 800 px 在Window X ...
手机端网页设计尺寸,手机端网页设计图片尺寸
电脑网页的设计尺寸对大于30W台客户端用户进行测试,得到的测试数据如下(数据来源于网络): 安全分辨率为1024 X 768 px 可建议大分辨率为1280 X 800 px 在Window XP常 ...
携程手机端网页设计效果图
携程手机端网页设计效果图为了避免挂科,该做的还是得做,自己学得也不咋会,就瞎写的,反正只要效果图出来就完事.所以代码极其啰嗦哈哈哈哈. 效果图如下: 文件总的放置路径是这样的 : 这个是 html ...
Web 前端学习之制作网页音频
Web 前端学习之制作网页音频 1. 新建目录(image) 2. 完整代码如下所示结束语 1. 新建目录(image) 用来存放音频文件 2. 完整代码如下所示 <!DOCTYPE html ...
解决手机端网页缩放问题
解决手机端网页缩放问题这个申明是移动设备用的,1:1显示设备屏幕大小,禁止缩放加到网页文件< head > 标签中 <meta name="viewport" ...
怎么实现手机端网页页面自适应调整
今天分享下"怎么实现手机端网页页面自适应调整"这篇文章,文中根据实例编码详细介绍,或许对大家的编程之路有着一定的参考空间与使用价值,需要的朋友接下来跟着云南仟龙Mark一起学习一下 ...

【web前端】20.手机端网页禁止长按图片保存图片

【web前端】20.手机端网页禁止长按图片保存图片相关推荐

最新文章

热门文章