Question

我已经使用以下代码在div的背景中放置了一个图像：

background: url(../images/cover-image.jpg) no-repeat 50% 100% fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 30rem;

但我现在的问题是，我想在div中移动图像的可见部分。图片的底部应位于div的底部，但我可以更改background:（center bottom，50% 100%等）语句中的所有内容，但没有任何反应。

有人可以给我一个提示吗？

Answer 1

尝试使用

background-position: center bottom;

Answer 2

您需要删除自己的其他样式＆＃39;背景＆＃39;减速然后放下：

background-position:bottom;

在此处查看小提琴：https://jsfiddle.net/xerf3z5j/

Answer 3

作为一行，这将是：

background: transparent url(../images/cover-image.jpg) center bottom / cover no-repeat fixed;

Answer 4

background-size：cover表示背景图片将始终占据div的全部宽度和高度。

如果删除这些部分应该可以使用：

-webkit-background-size: cover;
-moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

如何在后台定位封面图片？

4 个答案: