我已经在我的 :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%;”这样的东西但这对我不起作用。
让我知道我做错了什么!
最佳答案
CSS 中没有 background-width
这样的东西。您正在考虑 background-size
,它应该完全符合您的描述。
https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
关于css - 使用 :after/:before psuedo 调整背景图片大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27300626/