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

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

可以使用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

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-12-18
  • 2022-12-23
  • 2022-12-23
  • 2021-05-27
  • 2021-06-03
  • 2021-11-11
猜你喜欢
  • 2021-11-28
  • 2021-12-31
  • 2021-08-20
  • 2022-12-23
  • 2021-06-12
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案