背景位置仅以像素为单位?

时间:2013-04-06 18:40:44

标签: properties background position

那边是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%,h线20%和50%它应该出现在屏幕中间左侧的某个地方,但它没有,相反,img的1/4是可见的,另外3 / 4是隐藏在顶部浏览器部分的某个地方。它不是将其从顶线下调50%,而是将它推高至3%? 唯一有效的是像素和负%,即-50%,但为什么呢? 不能使用像素,因为我希望css响应各种屏幕分辨率。 感谢

1 个答案:

答案 0 :(得分:0)

指定一些高度:

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

}