zoukankan      html  css  js  c++  java
  • 取消手机端页面长按图片出现保存或者图片被打开的方法

    在移动端,长按移动端页面图片会出现收藏或保存图片提醒,还有微信手机端页面会

    出现打开图片的情况,下面说一下如何取消这种情况。

    可以使用background-image代替img标签,但是这样适应性不好。还可以给img标签添加pointer-events:none属性来阻止这种弹出框。

    1.使用 pointer-events:none

    给  img 标签加样式:img{pointer-events:none}

    亲测有效,适用于微信客户端的手机页面,图片被打开的情况

    2.加全局样式

             *{

                -webkit-touch-callout: none;

                -webkit-user-select: none;

                -moz-user-select: none;

                -ms-user-select: none;

                user-select: none;

              }

                

    详情参照 CSS参考手册----用户界面:

    http://www.css88.com/book/css/properties/user-interface/pointer-events.htm

  • 相关阅读:
    Unreal Engine 4 Based Materials
    PhysX Clothing for UE4
    UE4中使用URL图片
    开始创作自己的VR作品——VR故事叙述终极指南
    UE4里的自定义深度功能
    Mybatis27题
    java 备用待迁移
    几个算法题目
    数据结构算法题目
    Mybatis 面试题
  • 原文地址:https://www.cnblogs.com/BlingSun/p/9148941.html
Copyright © 2011-2022 走看看