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