0

我正在尝试在流畅的布局/响应式设计中使用单个图像作为背景来创建假侧边栏列

尽管标题中的代码在 Chrome 中运行良好(其他浏览器尚未测试),但我不明白为什么。W3Schools没有记录 3 个“参数”的使用。(起初是一个德国网站作为参考,但我需要这个问题的英文参考。这是我想出的第一个。)

只要代码是跨浏览器的,我就可以正常工作。只有当我对 Chrome 中的设计感到满意时,我才会测试浏览器的兼容性。

但是,当我尝试使用类似的东西时:

background-position: -200px right -200px;

并尝试了不同的变化,它只是失败了。

问题:我首先找不到关于这个标记的任何文档......这可能是一个错误还是有一个有效的解释?如果它是有效的,有人可以向我解释我该如何正确地解决这个问题吗?

4

1 回答 1

1

根据MDN, background-position 接受一个位置值,最多可以接受 4 个值。

在您的情况下,它应该等同于background-position: top -200px right -200px,它是一个背景图像,位置为 (-200, -200) 在元素的右上角。

编辑:正如@Dvir 在评论中提到的,W3C 是您也可以查看的实际规范。我更喜欢 MDN,因为它更加用户友好,同时仍然准确和详细。

于 2013-10-14T21:58:24.637 回答