gpt4 book ai didi

html - 如何使用 Bootstrap 为 4 个 div 制作深色叠加层

转载 作者:太空宇宙 更新时间:2023-11-03 21:10:49 25 4
gpt4 key购买 nike

我有 4 个以图像为背景的 div,我希望它们都有一个深色叠加层,但绝对位置不知何故搞砸了,因为当我希望每个叠加层都包含所有 4 个 div 时,所有 4 个叠加层最终都覆盖在第一个 div 上.提前致谢!

最佳答案

您应该将 .overlay 设置为 .factorImg div 的子元素,并使 .factorImg 具有 position: relative,否则 .overlay 将绝对设置为 .row

您还可以查看伪类(:before:after):

https://www.w3schools.com/css/css_pseudo_classes.asp

关于html - 如何使用 Bootstrap 为 4 个 div 制作深色叠加层,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47156397/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com