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 渲染某些东西的方式与你想要的不同