2013-10-24 77 views
0

當我增加第一背景圖像的中古立式位置它擾亂了第二圖像(一個名稱爲身體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; 
} 

我想打第二圖像留在其location.Thanks

+0

你能告訴我們什麼它的實際意思是什麼樣子的?從你的問題 –

回答

2

這是因爲你需要在background-position每個圖像通過使用,

background-position: -50px 28px, 0 0; 
單獨分開

Demo

其中,第2,這是-50px28px是第一background0 0XY你的第二個background

+1

不明確,非常感謝我沒有文字來感謝你。再次感謝 –

+1

@Humanlove沒問題:)你歡迎.. –

1

您需要定義不同的位置設定爲XY另一張圖片。

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

相關問題