实现重点：背景div设置属性position: relative;
，遮罩层div设置属性position: absolute;
，背景属性background，属性bottom: 0;
让遮罩层div在背景div里面。
- 锐客网 .bacimg{
width: 400px;
height: 300px;
position: relative;
}
.bacimg img{
width: 400px;
height: 300px;
}
.cover{
width: 100%;
position: absolute;
background: rgba(0,0,0,0.6);
color: #fff;
opacity: 0.6;
bottom: 0;
}
文章图片
aaaa 结果图：
【Java|div上添加遮罩层用于提示信息】
文章图片
推荐阅读
- Java|Java基础——数组
- 人工智能|干货！人体姿态估计与运动预测
- java简介|Java是什么（Java能用来干什么？）
- Java|规范的打印日志
- Linux|109 个实用 shell 脚本
- 程序员|【高级Java架构师系统学习】毕业一年萌新的Java大厂面经，最新整理
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript之DOM增删改查(重点)
- Spring注解驱动第十讲--@Autowired使用
- SqlServer|sql server的UPDLOCK、HOLDLOCK试验