有什么理由在阴影上使用 css box-shadow 吗？
[英]Is there any reason to use css box-shadow over drop-shadow?
问题描述
假设客户端兼容性，是否存在 CSS box-shadow比filter: drop-shadow shadow 更可取的情况。
从文章来看， drop-shadow似乎是box-shadow的硬件加速超集。 这意味着我们应该基本上总是使用drop-shadow而不是box-shadow ？
3 个解决方案
解决方案1
7 已采纳 2012-08-16 15:17:47
box-shadow和filter: drop-shadow之间只有一个区别filter: drop-shadow 。 使用box-shadow可以使用插入阴影 ，但不能使用filter: drop-shadow 。 一切都取决于你。 检查此示例 。
为什么最好使用filter: drop-shadow box-shadow filter: drop-shadow ？
- 更好的浏览器支持
- 大多数开发人员使用它
- 更少的代码，更多的选择
- 您可以使用嵌入阴影
- 您可以使用多个阴影
另外，在image的示例中，最好使用filter: drop-shadow 。 第一个具有矩形阴影，但是另一个具有跟随图像边缘的阴影。
解决方案2
2 2012-08-16 16:04:06
问题在于，目前浏览器对filter器的支持有限，而更多地支持box-shadow 。
解决方案3
0 2022-07-06 22:10:30
另一个区别：CSS filter创建一个新的堆叠上下文，而box-shadow没有，所以如果你不想处理它，你可能想坚持使用box-shadow 。 投影卡与盒子阴影卡内绝对定位工具提示的演示： https ://jsfiddle.net/lexw11/uro0hqbx/137/
chrome上的阴影和旋转css行为
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.