我有类似这样的 html 结构:
<body>
<div class="map"></div>
<div class="map-footer"></div>
</body>
body 有火焰图像背景
.map有 map
.map-footer 在 map 下方有一张图片(纯红色，带有 z-index，覆盖了一些 .map 内容)
如果我将 .map-footer 不透明度设置为 0.5(例如)，它对覆盖的 .map 区域是透明的，但我需要的是让它直接对 body 透明，同时保持覆盖的 .map 内容隐藏。有什么办法可以做到这一点？也许我的 html 结构不好？
最佳答案
你的结构不好。页脚根本不应该位于 map 的顶部。如果您确实希望它位于 map 顶部，请创建两个 div:一个位于顶部且不透明，一个位于下方且透明。
或者只是去掉位于顶部的需要，只是让 map 更短(这样你就不需要偏移每个 div 的位置)。
关于html - 三层透明，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33881438/