CSS背景图片大小50%

时间:2013-11-02 22:30:26

标签: css3

我的网站有以下CSS,使图像贴在网站的底部。

#wrapper{
min-height:100%;
background:#fff url(grafikk/bg-footer.gif) no-repeat 50% 100%;
width:100%;
overflow:hidden;
}

它很棒 - 图片居中并贴在页面底部。

但是我想将图片宽度设置为原始PNG的50%。 PNG的宽度为640px,因此将其设置为320px也可以。

我怎么能这样做?

(我无法找到背景设置的不同属性实际意味着什么。)

2 个答案:

答案 0 :(得分:3)

您实际上可以使用background-size中的像素值:

background-size: 320px 100%;

答案 1 :(得分:0)

我相信你要找的房产是background-size。更多信息:http://www.w3schools.com/cssref/css3_pr_background-size.asp