css - 使用 :after/:before psuedo 调整背景图片大小

Question

我已经在我的 :after psuedo 中使我的背景图像响应，但无法控制高度响应，所以我最终在图像底部有一个大的空白区域。

我的 CSS:

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

fiddle :http://jsfiddle.net/w6amht6o/

我见过其他几个类似的问题，但没有一个讨论如何让高度响应。我看到你可以试试像“background-width:100% 100%;”这样的东西但这对我不起作用。

让我知道我做错了什么!

Answer 1

CSS 中没有 background-width 这样的东西。您正在考虑 background-size，它应该完全符合您的描述。

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