Firefox盒子阴影在最新版本中要轻得多

Question

我发现Firefox（44.0.2）正在渲染框阴影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以某种方式呈现某些不同于你想要的东西