图片放大缩小时，图片上会出现蓝色蒙版解决方案

xiahuaxuanlan1113

已于 2023-10-25 10:12:26 修改

阅读量387

点赞数

文章标签：前端 javascript css3

于 2023-10-25 10:11:56 首次发布

本文链接：https://blog.youkuaiyun.com/chenwei1113/article/details/134028290

版权

博客聚焦前端页面图片展示问题，页面需展示带放大、缩小、旋转功能的图片，但放大时出现蓝色蒙版。文中给出了解决方案，虽未详细说明，但表示问题已完美解决，涉及JavaScript和CSS3技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面上需要展示几张图片，并且有放大、缩小、旋转功能，在放大时，图片上出现了蓝色蒙版，如下图：

 body{  
    -webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select:none; 
    user-select:none;
}

body也可以是任何类名，至此，完美解决！