css - 第一个背景图像正在推动第二个

Question

当我增加第一个背景图像的垂直位置时，它会干扰第二个图像（一个名为 body 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;

演示

在哪里，前 2 个是-50px和28px是第一个X，而第二个是和Ybackground0 0XYbackground

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;
    }

JSFIdle