使用以下内容调整背景图像的大小：在/：之前伪

Question

我的背景图像在我的照片中响应：在psuedo之后但是无法控制高度响应，所以我最终在图像的底部留下了一个很大的空白区域。

我的CSS：

.element:after {
    content:'';
    background:url('http://i57.tinypic.com/4kdytv.png') no-repeat;
    background-size:100%;
    height:284px;
    display:block;
}

小提琴：http://jsfiddle.net/w6amht6o/

我已经看到过这样的其他几个问题，但没有人讨论如何使身高变化。我看到你可以试试像“背景宽度：100％100％;”但这对我不起作用。

让我知道我做错了什么！

Answer 1

CSS中没有background-width这样的东西。您正在考虑background-size，它应该完全按照您的描述进行操作。

https://developer.mozilla.org/en-US/docs/Web/CSS/background-size