前端之家收集整理的这篇文章主要介绍了
基本CSS – 如何在顶部覆盖一个带有半透明DIV的DIV，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我正在努力使这个渲染在我的浏览器(Chrome)。我有一个包装HTML的所有元素的包装，我想有一个DIV(让我们称之为div-1)持有一个图像，并在它的左上方有一个重叠的div，就像我在草图
图片…任何
快速解决方案？
这里有一个纯CSS
解决方案，类似于DarkBee的答案，但不需要额外的.wrapper div：
.dimmed {
position: relative;
}
.dimmed:after {
content: " ";
z-index: 10;
display: block;
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
background: rgba(0,0.5);
}
我在这里使用rgba，但当然你可以使用其他透明度方法，如果你喜欢。
原文链接：https://www.f2er.com/css/221034.html
