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

Question

上次我在我的网站上编写了一些CSS，经过测试后，我转发了在Safari（11.1.2）中box-shadow无法正常工作的信息。我尝试添加前缀-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可能有效，但它可能对眼睛不可见