如何使阴影一直穿过 div 的边缘，而不是插入

Question

这是一个超级简单的问题，我无法弄清楚。

我想让阴影一直穿过 div 的底部。事实上，它涵盖了底部的大部分：

这是代码：

box-shadow: 0px 20px 15px -15px rgba(0, 0, 0, 0.49)

我需要阴影一直穿过两边。

谢谢

编辑：我是不是错了？我应该使用其他一些 CSS 属性吗？

Answer 1

为了避免顶部阴影，请添加垂直偏移并相应地调整其他参数。此外，将扩展距离设置为 0 或更大，您将覆盖水平边框。

从这个开始：

box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.49)

如果您没有覆盖整个水平边框，请稍微增加第四个值，直到看起来不错为止。如果需要，也相应地调整垂直偏移。

查看实际盒子的 html / css 也会很有帮助。