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响应各种屏幕分辨率。 感谢
答案 0 :(得分:0)
指定一些高度:
body {
height: 500px;
background: url('bison.png'),url('ryu.png');
background-repeat:no-repeat;
background-position:left bottom,right bottom;
}