Question

当我增加第一张背景图片的正确位置时，它会扰乱第二张图片（名称为png的图片），这里是实时视图http://jsfiddle.net/NsFUr/

body{
background-image: url(http://www.muslimdistrict.com/themes/muslimDistricts/images/member_login1.png), url(http://www.muslimdistrict.com/themes/muslimDistricts/images/body_bg.png);
background-repeat: no-repeat,repeat-x;
background-position: -50px 28px;
}

我想让第二张图片留在它的位置。谢谢

Answer 1

这是因为您需要使用,

分别为每个图片分隔background-position

background-position: -50px 28px, 0 0;

Demo

其中，-50px和28px的前两个是第一个X的{{1}}和Y，而background是0 0您的第二个X

Y和background

Answer 2

您需要为另一张图片定义不同的位置设置。

   body{
    background-image: url(http://www.muslimdistrict.com/themes/muslimDistricts/images/member_login1.png), url(http://www.muslimdistrict.com/themes/muslimDistricts/images/body_bg.png);
    background-repeat: no-repeat,repeat-x;
    background-position: -50px 28px, position position;
    }

JSFIddle

第一个背景图像是第二个

2 个答案: