Фоновая позиция работает только в пикселях?

Question

Hy Я действительно не знаю, что случилось, я не понимаю. Я использую несколько изображений для фона тела выглядит следующим образом:

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%, линия 20% и v 50% она должна появиться где-то в средней левой части экрана, но это не так, вместо этого видно 1/4 из img, остальные 3/4 находится где-то в верхней части браузера. Вместо того, чтобы подталкивать его на 50% вниз от верхней линии, он подталкивает его до 3%? Единственное, что работает, это пиксели и отрицательные% i.e. -50%, но почему? Невозможно использовать пиксели, потому что я хочу, чтобы css отвечал различным разрешениям экрана. Благодаря

Answer 1

Укажите некоторую высоту:

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

}