배경 위치는 픽셀 단위로만 작동합니까?

Question

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 %, 50 %가 화면의 가운데 왼쪽 부분에 나타나야한다고 말하지만 대신 img의 1/4이 보입니다. 나머지 3/4가 상위 브라우저 섹션에 숨겨져 있습니다. 탑 라인에서 50 % 아래로 밀어내는 대신, 3 %처럼 밀어 올립니까? 효과가있는 것은 픽셀과 음수 % -50 %이지만 그 이유는 무엇입니까? css가 다양한 화면 해상도에 응답하기 때문에 픽셀을 사용할 수 없습니다. 감사

Answer 1

약간의 높이를 지정

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

} 

을