使用:after/:after调整背景图像的大小

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