我有问题,因为我的组件中的阴影在 safari 上不起作用。
我尝试将 box-shadow 更改为 filter: drop-shadow() 但这在 Internet Explorer 11 中不起作用。
box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.12);
你知道一些类似的命令我可以交换并显示与 box-shadow 相同的效果吗?
最佳答案
这是一个很好的链接:https://css-tricks.com/almanac/properties/b/box-shadow/
.shadow {
-webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.12); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.12); /* Firefox 3.5 - 3.6 */
box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.12); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
更新: 您可以在此处查看实际的浏览器支持和已知问题: https://caniuse.com/#feat=css-boxshadow
更新 2:
您也可以查看此线程 - 它可能包含与您有关的 safari 问题(颜色、大小等)的相关信息。根据第一个答案,0.12
可能是 safari 的一个小影子。
css box shadow property is not working in safari
关于css - 如何将 box-shadow 更改为 css 中的类似命令?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57070044/