3

假设客户端兼容性,是否存在 CSSbox-shadow优于filter: drop-shadow.

文章来看,它似乎drop-shadowbox-shadow. 这意味着我们应该基本上总是使用drop-shadow而不是box-shadow

4

2 回答 2

6

box-shadow和之间只有一个区别filter: drop-shadowbox-shadow可以使用inset shadows,但不能使用filter: drop-shadow. 一切都取决于你。 检查这个例子

为什么使用box-shadowinsted of更好filter: drop-shadow

  • 更好的浏览器支持
  • 大多数开发人员都使用它
  • 更少的代码,更多的选择
  • 您可以使用嵌入阴影
  • 您可以使用多个阴影

此外,还有一个使用图像更好的示例filter: drop-shadow。第一个具有矩形阴影,但另一个具有跟随图像边缘的阴影。

于 2012-08-16T15:17:47.643 回答
2

问题是目前对浏览器filter的支持有限,box-shadow而且支持更多。

于 2012-08-16T16:04:06.543 回答