我不知道这是一个非常简单的问题。

我想让阴影一直贯穿div的底部。实际上,它涵盖了大部分底部:

这是代码:

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

我需要阴影能够贯穿双方。

谢谢

编辑:我要解决这个错误吗?我应该使用其他CSS属性吗?

最佳答案

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

从此开始:

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

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

同样,查看实际框的html/css也将很有帮助。

关于html - 如何使投影一直贯穿div的边缘而不是插入,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11008005/

10-09 23:49