这个 box-shadow 查询是什么意思，我怎样才能让它跨浏览器友好？
What does this box-shadow query mean and how can I make it corss-browser friendly?
我在 Adobe Xd 中有布局。在此布局中，我可以导出设计元素的 css 值。
我的元素有一个盒子阴影。当我尝试导出它时，它看起来像这样：
box-shadow: 0px 5px 15px #0000001A;
显然#0000001A 不是有效的十六进制颜色字符串。
我假设 1A 表示 alpha/不透明度，但我不确定。
令人惊讶的是，此语法在 chrome 中有效，但正如预期的那样，在大多数其他浏览器中无效。
我如何/应该如何编写此框阴影查询以支持所有现代浏览器？
#0000001A等价于rgba(0, 0, 0, 0.1)，其中0.1是0x1a / 0xff的近似值。所以，
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
此外，#RRGGBBAA 格式是标准格式，适用于所有内容 — 与往常一样，Microsoft 浏览器除外 (table)；不只是 Chrome.
此 hax 颜色字符串适用于不透明度为 0.1 的黑色，这意味着 "rgba(0,0,0,0.1)" 您也可以使用此十六进制代码应用 css。
对于所有浏览器支持，您必须将此 css 应用到您的 class。
-webkit-box-shadow: 0px 5px 15px #0000001A;
-moz-box-shadow: 0px 5px 15px #0000001A;
box-shadow: 0px 5px 15px #0000001A;
我在 Adobe Xd 中有布局。在此布局中，我可以导出设计元素的 css 值。
我的元素有一个盒子阴影。当我尝试导出它时，它看起来像这样：
box-shadow: 0px 5px 15px #0000001A;
显然#0000001A 不是有效的十六进制颜色字符串。 我假设 1A 表示 alpha/不透明度，但我不确定。
令人惊讶的是，此语法在 chrome 中有效，但正如预期的那样，在大多数其他浏览器中无效。
我如何/应该如何编写此框阴影查询以支持所有现代浏览器？
#0000001A等价于rgba(0, 0, 0, 0.1)，其中0.1是0x1a / 0xff的近似值。所以，
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
此外，#RRGGBBAA 格式是标准格式，适用于所有内容 — 与往常一样，Microsoft 浏览器除外 (table)；不只是 Chrome.
此 hax 颜色字符串适用于不透明度为 0.1 的黑色，这意味着 "rgba(0,0,0,0.1)" 您也可以使用此十六进制代码应用 css。
对于所有浏览器支持，您必须将此 css 应用到您的 class。
-webkit-box-shadow: 0px 5px 15px #0000001A;
-moz-box-shadow: 0px 5px 15px #0000001A;
box-shadow: 0px 5px 15px #0000001A;