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));
}