css - 语法帮助 - 背景图像精灵 css

Question

我知道我很接近但有人帮助我：

body {
background-attachment: fixed;
background: url("images/background.jpg"), url("images/background.jpg");
background-repeat: no-repeat;
line-height: 1;
min-width: 1150px;
background-position: top left, bottom right;
}

用作精灵的图像“background.jpg”为 1720px 宽 x 1100px 高。我需要在第一个实例中显示图像的右上部分，在第二个实例中显示图像的左下部分。在每种情况下，需要从 jpg 中获取的矩形大小为 600 像素宽和 400 像素高。

Answer 1

这可能会有所帮助

body {
    background-attachment: fixed;
    background: url("images/background.jpg") 100% 0px no-repeat, url("images/background.jpg") 0% 600px no-repeat;
    line-height: 1;
    min-width: 1150px;
    }

使用图像后的值。100% 和 0% 指的是 x 轴（这些也可以是 px），而 0px 600px 指的是 y 轴。我可以告诉你，没有一个实时页面可以玩这个。