我正在尝试在流畅的布局/响应式设计中使用单个图像作为背景来创建虚假的侧边栏列。
尽管标题中的代码在Chrome（其他浏览器尚未测试）中运行良好，但我不明白为什么。W3Schools没有记录3个"参数"的使用。（一个德语网站起初作为参考，但我需要一个英文参考来回答这个问题。这是我想出的第一个。
只要它是跨浏览器的，我就可以接受代码的工作。只有在我对Chrome中的设计感到满意时，我才会测试浏览器兼容性。
但是，当我尝试使用类似的东西时：
background-position: -200px right -200px;
并尝试了不同的变体，只是失败了。
问题：我首先找不到有关此标记的任何文档...这可能是一个错误还是有有效的解释？如果它是有效的，有人可以向我解释我如何正确地做到这一点吗？
编码为 MDN，背景位置接收位置值，最多可以接收 4 个值。
在您的情况下，它应该等效于 background-position: top -200px right -200px ，这是一个背景图像，位置 （-200， -200） 位于元素的右上角。
编辑：正如@Dvir评论中提到的，W3C 也是您可以查看的实际规范。我更喜欢MDN，因为它更加用户友好，同时仍然准确和详细。