Html Div背景色不显示？

所以我找到了一个很好的密码笔并开始玩它：

问题是，我似乎无法使我的div的黑色背景色出现，以便发光保持在div后面而不是上方

我目前的情况：

我做错了什么

我正在寻找与此类似的效果：

不管您在CSS中设置了什么，子元素的z索引总是高于其父元素的z索引

但是，您可以在：after伪元素前面使用：before伪元素。

子元素的z索引将始终高于其父元素的z索引，不管您在CSS中设置了什么

---

但是，您可以在：after伪元素前面使用：before伪元素。

您需要使用另一个元素而不是：after，请参见以下示例：

身体{ 背景：黑色； } .家庭头衔{ z指数：14； 位置：相对位置； 文本对齐：居中； 颜色：252B37； 背景色：黑色； 颜色：白色； 字体大小：50px； 边际上限：20vh； 宽度：100px； 边缘底部：7vh； 左边距：自动； 右边距：自动； 文本对齐：居中； 字体系列：游戏玩家； 边界半径：20px； /*动画：textColor 10s轻松无限*/ } .家庭书刊{ 位置：绝对位置； 内容：； 左：40%； 顶部：17px； z指数：-1； 身高：47%； 宽度：20%； 保证金：自动； 变换：缩放0.75； -webkit过滤器：blur5vw； -moz滤波器：blur5vw； -ms过滤器：blur5vw； 过滤器：blur5vw； 背景大小：200%200%； 动画：动画播放10秒轻松无限； } @关键帧动画播放{ 0% { 背景：FF0000； } 33% { 背景：7e0fff； } 66% { 背景：0053FF； } 100% { 背景：FF0000； } } @关键帧文本颜色{ 0% { 颜色：7e0fff； } 50% { 颜色：0fffc1； } 100% { 颜色：7e0fff； } }

---

Test您需要使用另一个元素，而不是：after，请参见以下示例：

身体{ 背景：黑色； } .家庭头衔{ z指数：14； 位置：相对位置； 文本对齐：居中； 颜色：252B37； 背景色：黑色； 颜色：白色； 字体大小：50px； 边际上限：20vh； 宽度：100px； 边缘底部：7vh； 左边距：自动； 右边距：自动； 文本对齐：居中； 字体系列：游戏玩家； 边界半径：20px； /*动画：textColor 10s轻松无限*/ } .家庭书刊{ 位置：绝对位置； 内容：； 左：40%； 顶部：17px； z指数：-1； 身高：47%； 宽度：20%； 保证金：自动； 变换：缩放0.75； -webkit过滤器：blur5vw； -moz滤波器：blur5vw； -ms过滤器：blur5vw； 过滤器：blur5vw； 背景大小：200%200%； 动画：动画播放10秒轻松无限； } @关键帧动画播放{ 0% { 背景：FF0000； } 33% { 背景：7e0fff； } 66% { 背景：0053FF； } 100% { 背景：FF0000； } } @关键帧文本颜色{ 0% { 颜色：7e0fff； } 50% { 颜色：0fffc1； } 100% { 颜色：7e0fff； } }

---

测试只需使用一个div表示效果，另一个div表示黑匣子

<div class ="homeTitle">
  <div style="background: black">Test</div>
</div>

---

只需将一个div用于效果，将另一个div用于黑匣子

<div class ="homeTitle">
  <div style="background: black">Test</div>
</div>

---

请看一下更新的代码笔：这是你的建议吗？辉光消失：/n一次只能针对一个伪元素。homeTitle：例如，在之前。然后使其成为覆盖辉光的黑色元素：after元素。就像发光前的一张黑卡。请看一下更新的代码笔：这是你建议的吗？辉光消失：/n一次只能针对一个伪元素。homeTitle：例如，在之前。然后使其成为覆盖辉光的黑色元素：after元素。就像一张黑卡在发光的前面。