具有不同背景重复的多个背景，用于x和y方向

Question

我目前有一个包含3个不同背景图片的课程，我希望能够使用multiple backgrounds以及background-repeat background-repeat: no-repeat no-repeat, no-repeat round, no-repeat no-repeat; 来指定不同的x和y重复值。

以下css不起作用：

background-repeat: no-repeat, round, no-repeat;

Firefox会发出警告

  

预期价值结束但发现＆＃39; round＆＃39;。解析＆＃39; background-repeat＆＃39;的值时出错。声明被撤销。

但是，使用单值语法可以处理多个图像：

background-repeat: no-repeat round

双值语法适用于单个图像：

{{1}}

我做错了CSS还是将这两个功能与CSS无法合并？

Answer 1

Firefox（以及Chrome / Safari）不支持round关键字，这就是它出错的原因。您可以在链接到的文章的兼容性表中看到这一点。您的任何声明都不应该起作用，因为它们在值中的某处都有round。

双值语法适用于多个背景。