gpt4 book ai didi

html - 如何修复覆盖 "z-index: -1"规则的背景色

转载 作者:行者123 更新时间:2023-11-28 05:23:39 26 4
gpt4 key购买 nike

我用纯 CSS 代码生成了一些丝带。

如果您将 background-colorbackground-image 放入功能区的父级或 html 主体,功能区 :after:before border-color 由于某种原因没有显示,即使是 z-index: -1

原因是父级的 background-color 隐藏了它,但我找不到同时使用 background-color 和 ribbon :after 和 :before border-colors 的解决方案。

演示: http://codepen.io/anon/pen/XXOERg

最佳答案

z-index: -1你把一个物体放在背景后面<div/>它没有堆叠上下文。给它一个z-index它会起作用:

<div class="col-md-6" style="background-color:blue;z-index:0">
<!-- ... -->
</div>

这是一个codepen fork

关于html - 如何修复覆盖 "z-index: -1"规则的背景色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35380249/

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