Javascript 如何阻止长方体阴影合并为背景色？

如何实现此结果，我的框阴影被下面div的背景色覆盖

梅恩先生{ 宽度：100%； 高度：300px； 背景色：f4f1f1； }

---

您好，您这么说是什么意思，您已将第一个div的高度指定为9vh，这就是问题所在，请尝试其他单位或将其减少像素

这也是一个可以帮助你的工具

---

这是一个众所周知的问题。要使长方体阴影覆盖背景（无论是图像还是平面颜色/渐变），您需要两个属性：

z索引要高于背景，以便告诉导航器这是在比背景更高的层上 位置：相对，以便使渲染引擎认识到它需要相对于其余部分进行渲染并显示阴影 梅恩先生{ 宽度：100%； 高度：300px； z指数：0； 背景色：f4f1f1； }

---

位置：相对于第一个位置。他的问题与高度无关，这是一个已知的盒子阴影和分层渲染问题。是的，这是真的。。。我承认。@Temaniaff，如果这是规范正确的话，因为position:static实际上是一个忽略所有定位要求的指令。