Chrome浏览器报告了CSS背景图片与渐变结合使用的HTTP 400

Question

我有一些这样的CSS：

background: url(evil-whales.png),
linear-gradient(to bottom,
#4e4e4e 81%,
rgba(77,140,70,0.7) 82%,
rgba(76,201,61,0) 83%,
rgba(78,78,78,0) 100%
);

Firefox报告一切正常，尽管Chrome报告HTTP 400。

evil-whales.png，％20linear-gradient（rgb（78，％2078，％2078）％2081％，％20rg ...％20rgba（76，％20201，％2061，％200）％2083％，％20rgba（78 ，％2078，％2078，％200）％20100％）：1 GET ...

如何解决这个问题而不是简单地将其从控制台视图中隐藏？