html - Firefox 框阴影在最新版本中更亮

Question

我发现 Firefox (44.0.2) 渲染的 box-shadow CSS 非常微弱/明亮。

如果您比较 Chrome 和 Firefox 之间的差异，那么在 Firefox 中看起来要轻得多。 https://jsfiddle.net/8db8zr6q/

我想知道以前是否有人遇到过这个问题，是否可以采取任何措施来解决这个问题？

当前代码:

.shadow {
  height: 400px;
  -webkit-box-shadow: inset 0px -200px 101px -52px rgba(0,0,0,1);
  -moz-box-shadow: inset 0px -200px 101px -52px rgba(0,0,0,1);
  box-shadow: inset 0px -200px 101px -52px rgba(0,0,0,1);
}

问题图片:

Answer 1

我遇到了这个问题，经过长时间的研究后，我没有找到直接的答案，所以使用 hack 的工作是通过调整值来定位 -moz-box-shadow 前缀，直到我得到我想要的阴影，在开发时我发现 firefox 的网站呈现某些内容的方式与您想要的不同