怎么给css、js的图片加遮罩
怎么在图片上加图片啊
怎么给css、js的图片加遮罩啊
2条回答 默认 最新
- CSDN专家-showbo 2022-04-07 16:52关注
图片放在relative定位容器中,然后容器内放个absolute定位的div就行了,示例如下
<!doctype html> <meta charset="utf-8" /> <style> .item{display:inline-block;position:relative;overflow:hidden} .item .mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6)} .item img{max-width:200px} </style> <div class="item"> <img src="https://img9.doubanio.com/view/photo/m/public/p2356141664.webp" /> <div class="mask"></div> </div> <div class="item"> <img src="https://img9.doubanio.com/view/photo/m/public/p2356141664.webp" /> </div>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报 编辑记录
悬赏问题
- ¥500 火焰左右视图、视差(基于双目相机)
- ¥100 set_link_state
- ¥15 虚幻5 UE美术毛发渲染
- ¥15 CVRP 图论 物流运输优化
- ¥15 Tableau online 嵌入ppt失败
- ¥100 支付宝网页转账系统不识别账号
- ¥15 基于单片机的靶位控制系统
- ¥15 真我手机蓝牙传输进度消息被关闭了,怎么打开?(关键词-消息通知)
- ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
- ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本