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

私はこの問題を抱えていましたが、長い調査の結果、明確な答えが見つからなかったので、ハックの回避策は、見つけたウェブサイトを開発するときに、必要な色合いが得られるまで値をいじって -moz-box-shadow プレフィックスをターゲットにすることでした。 Firefox は、意図したものとは異なる方法で特定のものをレンダリングします