css - x 和 y 方向具有不同背景重复的多个背景

Question

我目前有一个包含 3 个不同背景图像的类，我希望能够使用 multiple backgrounds以及 two-value syntax对于 background-repeat，可让您指定不同的 x 和 y 重复值。

以下 css 不起作用:

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

Firefox 发出警告

Expected end of value but found 'round'. Error in parsing value for 'background-repeat'. Declaration dropped.

但是使用单值语法确实适用于多个图像:

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

而且双值语法确实适用于单个图像:

background-repeat: no-repeat round

我是在做 CSS 错误还是将这两个功能结合在 CSS 中是不可能的？

Answer 1

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

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