无法理解背景位置的语法？

Question

我正在使用 CSS3 中的渐变来学习设计模式。但坚持一些我无法理解它是如何工作的东西。 实际上，我试图通过Lea Verou的博客文章了解模式：Link。

现在，有一种模式，即复选框模式CheckBox Pattern Demo。

CSS中设置了background-position: 0 0, 50px 50px;。

据我所知，我们可以将左上角设置在背景位置的左上角，但是它们的设置没有逗号分离。

那么，任何人都可以向我解释这个背景位置是如何运作的，我们可以用背景位置做什么，因为这是新的东西。我之前只使用CSS Sprites设置图像，但这是新的。

提前致谢!!!

Answer 1

background-position: 0 0, 50px 50px;正在设置2个不同背景的位置值。如果您查看示例，您会看到background-image实际上有两组相同的背景。