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

背景定位格式为：

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

因此，请按如下方式指定背景：

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

以下是JSFiddle示例。

Answer 2

试试这个：

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

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

<强> Fiddle

Answer 3

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;
}

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

3 个答案: