37

HTML：

#backgroundproduct {
  position: fixed;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  z-index: 12;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: top;
}
<div id="backgroundproduct" style="background-image: url(http://example.com/example.jpg)">

我使用图像作为背景图像，只有图像的下部比顶部更重要。

我怎样才能让背景上升一点？

4

3 回答 3

45

如果底部更重要：background-position: bottom;

background-position还允许百分比值：0% 0%;默认情况下。

第一个值是水平位置，第二个值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果您只指定一个值，则另一个值为 50%。

你应该试试background-position: 0% -10%;

于 2012-12-18T00:40:02.870 回答
10

您可以使用：

background-position: center bottom;
于 2012-12-18T00:40:20.800 回答
2

为了清楚起见，背景位置百分比是根据图像和背景容器计算的。所以，背景位置：25% 25%；将在背景容器上找到 X 和 Y 的 25% 点，并将图像的 25%、25% 点对齐在该点之上。

于 2013-07-10T13:35:43.093 回答