box-shadow with background-clip：content-box

Question

我有一个带有一些填充的div，我使用background-clip: content-box来应用background-color 。 这就像一个魅力，但当我尝试应用一个box-shadow时，问题出现了：

有可能同时兼顾这两个属性吗？ 我也喜欢做“box-shadow-clip：content-box”之类的东西。

Answer 1

您可以使用投影而不是box-shadow来实现此目的

div {
    filter: drop-shadow(2px 2px 6px rgba(0,0,0,0.5));
}