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”宽1720像素，高1100像素。我需要在第一个实例中显示图像的右上部分，在第二个实例中显示图像的左下部分。在每种情况下，需要从jpg中获取矩形的大小为600px宽和400px高。

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轴。没有可以播放的实况页面就像我可以告诉你的那样。

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

1 个答案: