html - 这个 box-shadow 查询是什么意思，我怎样才能使它对浏览器友好？

Question

我在 Adob​​e Xd 中有布局。在这个布局中，我可以导出设计元素的 css 值。

我的元素有一个盒子阴影。当我尝试导出它时，它看起来像这样：

box-shadow: 0px 5px 15px #0000001A;

显然 #0000001A 不是有效的十六进制颜色字符串。我假设 1A 表示 alpha / opacity，但我不确定。

令人惊讶的是，这种语法在 chrome 中有效，而在大多数其他浏览器中却没有。

我如何/应该编写这个 box-shadow 查询来支持所有现代浏览器？

标签： htmlcssbox-shadow

Answer 1

这个 hax 颜色字符串用于不透明度为 0.1 的黑色表示“rgba(0,0,0,0.1)”，您也可以使用此十六进制代码应用 css。

对于所有浏览器支持，您必须将此 css 应用于您的课程。

-webkit-box-shadow: 0px 5px 15px #0000001A;
-moz-box-shadow: 0px 5px 15px #0000001A;
box-shadow: 0px 5px 15px #0000001A;