2013-04-06 78 views
0

Hy there 我真的不知道什麼是錯的,我沒有明白。 我使用多張圖片爲背景的身體 是這樣的:背景位置僅適用於像素?

body 
    { 
    background: url('bison.png'),url('ryu.png'); 
    background-repeat:no-repeat,no-repeat; 
    background-position:left bottom,right bottom; 
    background-size:200px,200px; 
    } 

但不是顯示在底部的圖像,它出現在頂部? 這裏有一些畫面:

http://i.imgur.com/PHC1kuK.png

現在,我使用過%。同樣的問題,比如說20%50%,h線20%和v 50%,它應該出現在屏幕中間左側的某個位置,但它不會,相反,1/4的img是可見的,另外3/4是隱藏在頂部瀏覽器部分的某個地方。而不是把它從頂線推下50%,它確實推高了3%? 唯一可行的是像素和負數%,即-50%,但爲什麼? 不能使用像素,因爲我希望CSS能夠響應各種屏幕分辨率。 感謝

回答

0

指定一些高度:

body { 
    height: 500px; 
    background: url('bison.png'),url('ryu.png'); 
    background-repeat:no-repeat; 
    background-position:left bottom,right bottom; 

}