CSS3 双背景图像在 firefox 中不显示，但在 chrome 中显示？

Question

http://prosepticwp.cloud-2.co.uk/drainage-services/septic-tank-replacement/ - 横幅图片在 Chrome 中正确显示，但在 FireFox 中根本不显示？

我试图让它与 firefox 检查器一起工作，但没有成功。

background: url(../images/Drainage-services-img.png)right top no-repeat/contain,linear-gradient(180deg,#17156d 0,#383681 100%);

错误:无效的属性值。

Answer 1

Firefox 可能不接受这个阵容。您可以尝试使用标准拼写。像这样:

background: url('../images/Drainage-services-img.png') right top/contain no-repeat, linear-gradient(180deg,#17156d 0%, #383681 100%);