【场景】
页面中有一个图片，且可以点击放大查看图片，但是点击查看时，有时图片会覆盖一层蓝色，很是恼火！！
问题图
【原因】
可能是自己双击选中了图片，也可能是自己点击鼠标时有了轻微的拖动导致的，而且是必能复现的一个bug，怎么解决呢？
凭借一个前端的深厚经验和第六感直接定位在css样式上。果不其然，既快又好的解决方法出炉了~~~
【解决方案】
img {
-webkit-user-select:none;
-moz-user-select:none;
-o-user-select:none;
user-select:none;
}
user-select:none; 该样式可以用在文字选中、图片选中上。
【兼容性】
【场景】 页面中有一个图片，且可以点击放大查看图片，但是点击查看时，有时图片会覆盖一层蓝色，很是恼火！！ 【原因...
如何使用JavaScript删除CSS属性？下面本篇就来给大家介绍一下使用JavaScript删除CSS属性的方法...
减少HTTP请求 图片地图 CSS Sprites 合并图片，使用CSS背景定位。 内联图片 通过使用data:U...
使用正则匹配批量删除文件,删除以chunk-开头的css文件
复制但不覆盖使用命令： 删除非空目录
一、css 1.如何实现文字环绕图片？ 答：把图片设置为浮动 2.如何使用css图片精灵图？ 答：使用backgr...
CSS 图片 本章节将为大家介绍如何使用 CSS 来布局图片。 圆角图片 实例 圆角图片: 尝试一下 » 实例 椭...
接上次
1、尽量减少HTTP请求个数——须权衡 合并图片（如css sprites，内置图片使用数据）、合并CSS、JS[...
使用base64编码代替图片 合并图片sprite 图片延迟加载 使用css、svg、canvas或iconfon...
本文标题：使用 css 删除图片上的蓝色覆盖
本文链接：https://www.haomeiwen.com/subject/ckzgertx.html
网友评论