CSS固定位置，同时水平居中

Question

我在我的html中的元素有以下css。它将图像水平居中，但不在页面的底部，我需要它。我如何改变这个CSS来保持它水平居中，但使其位置：固定在底部？

background: url(loginv1.png)50% 50% no-repeat; 
background-size: 75px 25px; 
height: 40px; 
width: 120px; 
display: block; 
margin: 0 auto; 

Answer 1

http://jsfiddle.net/Le7yP/15/

div { 
    background: url(http://snag.gy/z01qo.jpg) 50% 50%/75px 25px no-repeat; 
    height:40px; 
    width:120px; 
    position:fixed; 
    bottom:0; 
    left:50%; 
    margin-left:-60px; 
} 

Answer 2

背景定位格式是：

background: url("...") horizontal vertical; 

因此，指定背景如下：

background: url("loginv1.png") center bottom no-repeat; 
background-size: 75px 25px; 

这里是一个例子JSFiddle。

Answer 3

尝试这种情况：

background: url("loginv1.png") center bottom no-repeat; 

这将放置背景图像在中心水平，并在底部垂直。

Fiddle