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

我遇到了这个问题，经过长时间的研究，我没有找到直接的答案，所以使用的解决办法是通过修改值来定位 -moz-box-shadow 前缀，直到我得到我想要的阴影，当开发我发现的网站时Firefox 渲染某些内容与您想要的不同