Question

带有小数的框阴影有时无法在Safari中显示？

我该如何解决？

这是一个代码示例。

div {
  width: 200px;
  height: 200px;
  box-shadow: 0px 0.0351725rem 0.0351725rem 0px, 0px 0px 0px 0.0175862rem;
}

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <div></div>
</body>
</html>

Answer 1

首先，我不知道在小数点后使用这么多的数字是否是一个好习惯。但是您可以做您需要做的事情。

关于您的问题。

尝试添加另一个带有前缀-webkit-的box-shadow属性。它应该看起来像这样：

-webkit-box-shadow: 0px 0.0351725rem 0.0351725rem 0px, 0px 0px 0px 0.0175862rem;

有关MDN web docs中的前缀的更多信息

为什么Safari中不显示某些阴影？

1 个答案: