gradient - CSS3グラデーションボーダー半径にピクセルを無色のままにする

Question

少しいじくり回した後、私は小さな視覚的な問題に遭遇しました。何らかの理由で、@ My Fiddle Hereを見るとわかるように、CSS グラデーションが境界線の半径の周りで正しく色付けされていません。

CSS のグラデーション部分だけをコメント アウトすると、すべてのピクセルが本来の色になります。誰かがこれに対する簡単な修正を知っていますか、または私が間違っていたことを見つけることができますか?

Answer 1

私はそれを考え出した。各グラデーション ステートメントの後に基本の背景色を追加するだけで済みました。

background: background: linear-gradient(to bottom,  #900000 0%,#880000 40%,#790000 60%,#710000 100%), #710000;