box-shadow与background-clip: content-box的搭配

Question

4

我有一个带有一些填充的 div，并使用 background-clip: content-box 应用 background-color。这样可以正常工作，但当我尝试同时应用 box-shadow 时问题就出现了：

是否可能结合这两个属性？我想做类似于 "box-shadow-clip: content-box" 的事情。

- Dani

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Shubham Agrawal · Accepted Answer

您可以使用投影效果（drop shadow）代替盒子阴影（box-shadow）来实现这个效果。

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