Chrome报告了CSS 400 for CSS background-image和渐变

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%
);

虽然Chrome报告的是HTTP 400，但Firefox报告一切都很花哨。

  

恶whales.png，％20linear梯度（RGB（78％2078，％2078）％2081％，％20rg ...％20rgba（76％20201，％2061％200）％2083％，％ 20rgba（78％2078，％2078，％200）％20100％）：1   GET ......

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