首页 > 其他分享 >css屏蔽图片长按选中下载

css屏蔽图片长按选中下载

时间:2023-06-28 17:11:48浏览次数:39  
标签:none 屏蔽 选中 user 图片 css select

在移动端开发中,我们通常不希望页面的图片被长安选中可下载,会禁用图片选中事件,这时,css不能使用通配符全局设置 pointer-events:none;  否则会把所有点击事件禁用。

解决方案

img {
  box-sizing: border-box; 
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  pointer-events: none; /* 禁止图片被选中 */
}

 

标签:none,屏蔽,选中,user,图片,css,select
From: https://www.cnblogs.com/beileixinqing/p/17511947.html

相关文章

  • CSS精灵技术
    一、CSS精灵需求: 当用户访问一个网站时,需要向服务器发送请求,网页上的每张图像都要经过一次请求才能展现给用户。然而,一个网页中往往会用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接受和发送请求,这将大大降低页面的加载速度。为了有效地减少服务器接受和......
  • CSS :last-child选中不了元素
    1.情况:当div:finaincingMark-right-item后还有div:sliderLine时,使用finaincingMark-right-item:last-child无法选中finaincingMark-right-item遍历后的最后一个div:finaincingMark-right-item,同时也没选中div:sliderLine,样式并不能选中任何一个div 2.解决:使div:finaincingMark-righ......
  • CSS中实现元素居中的七种方法总结
    在前端开发中,经常需要将元素居中显示,CSS提供了多种技术方法来实现元素的居中,在不同场景下有不同的使用方法、不同的效果,需要特别记住它们的应用场景才能够正常的居中。这篇文章就大致总结一下CSS中的居中方法。一、元素分类在CSS中,元素大致可以分为以下几种:1.块级元素(Block-l......
  • CSS font-weight
    主要理解UI给得英文名对应得数值字体粗细:‘font-weight’属性名称:font-weight取值:normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900初始:normal适用于:  所有元素继承:是百分比:  (不适用)媒介:视觉计算值:  详见描述动画:-‘......
  • css grid布局(网格布局)笔记
    Grid布局网格布局的基本概念CSS网格布局引入了二维网格布局系统,可用于布局页面主要的区域布局或小型组件。什么是网格?网格是一组相交的水平线和垂直线,它定义了网格的列和行。我们可以将网格元素放置在与这些行和列相关的位置上。网格布局的特点:固定的轨道尺寸或者弹性......
  • Firebug调试CSS布局
    Firebug与CSS布局  译/raywill  当CSS盒子之间没有正确的对齐的时候,可能很难找到原因。这时候可以用Firebug来测量一下盒子的偏移、外边距(margin)、内边距(padding)以及大小(size)。玩CSS,离不开它!     盒模型阴影在css中,所有元素都适用于盒模型,拥有margin、border、padding和具......
  • css居中(自己常用的)
    水平居中:1.text-aligin:center  如果仅使用 text-aligin:center   是无法达到水平居中的效果的,为什么?text-aligin:center  需要在行内块元素上使用的,而盒子是块级元素,所以,需要将盒子转换为行内块元素 text-aligin:center  才能生效。<divstyle="text-align:cen......
  • 《深入解析 css》笔记
    第一章:层叠、优先级和继承1.优先级:!important>行内样式>id选择器>类选择器>标签选择器2.两条经验法则:选择器少用id;少用!important。3.使用inherit属性使元素属性继承自父元素,方便修改。4.使用简写属性的时候会默认给细化的属性赋默认值,如标签h1的样式font:32pxarial;默......
  • CSS实现根据子元素数量应用不同样式
    在前端的页面布局中经常会出现在子元素个数使用不同的样式的需求,比如文章列表,在较少内容下单列表现,而在元素内容较多时使用双列表现。再比如在页面排版上,可以根据元素内容的多少来修改内容的缩放,位置,颜色等样式:has()选择器简介:has()选择器中的括号传递一个选择器参数,如果选......
  • css颜色变淡和变浅方法收集(模拟sass的darken和lighten函数)
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><......