为什么盒子阴影在 Safari 中不起作用，但在其他浏览器中有效

Question

上次我在我的网站上编写一些css时，经过测试，我转发了Safari(11.1.2(中框阴影不起作用。我尝试添加前缀 -webkit，但它也不起作用。你知道我该怎么解决吗？

框阴影： 0 1px

7px 0 RGBA(0， 0， 0， 0.12(;

Answer 1

检查此代码笔，它可以在 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 可能正在工作，但它只是肉眼看不到可能是