为什么 box-shadow 在 Safari 中不起作用，但在其他浏览器中有效？

Question

上次我在我的网站上编写了一些 css 代码，经过测试后我在 Safari (11.1.2) 中转发了 box-shadow 不起作用。我尝试添加 prefix -webkit 但它也不起作用。你知道我该如何解决吗？？

box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.12);

Answer 1

检查这个codepen，它在 safari 浏览器中有效

<div></div>
div {
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.12);
  width: 200px;
  height: 200px;
  background: pink;
}

也许你可以尝试给一个值 0.9 而不是 0.12，然后检查它是否适合你。由于 0.12 可能有效，但眼睛可能看不到它

Why box-shadow doesnt works in Safari, but in others browsers work?