css - 无法显示背景图片

Question

我正在尝试使用 100% div 包装器进行响应式布局，然后在其上方和下方放置一个带有文本的背景图像。

无法显示。

希望通过浏览器窗口调整图像大小。

我做错了什么？

.wrapper {
    width: 100%;
}

.image {
    background: url("http://upload.wikimedia.org/wikipedia/commons/3/35/Rivi%C3%A8re_Coulonge_Pont_Davidson_1024x768.JPG") no-repeat center;
    background-size: cover;
}

.text {
    text-align: center;
    font-size: 50px;
    color: yellow;
}

http://jsfiddle.net/f5F6T/

Answer 1

看起来您需要为 .image 元素提供高度和宽度。以及包装 div 的高度。