html - 背景图像 url 响应图像

Question

我想通过 CSS 插入图像，因为我想在图像上使用标题。

我想要的是图像完整显示并且响应迅速。

谁能帮我解决这个问题？

在这里你可以看到我使用 bootstrap 的 HTML im。如您所见，我想让 contentblock1 使用 CSS background-image 代码显示响应图像。我还希望此背景图片具有响应性。但无论我尝试什么，它都不会向我显示背景。

<div class="container">
        <div class="col-sm-6">
            <h1> Dit is een bootstrap site</h1>
            <button type="button">click me!</button>
        </div>
        <div class="col-sm-6">
            <div class="contentblock1">

            </div>
        </div>        

我正在使用以下 CSS

.contentblock1 {
background-image: url('http://1.bp.blogspot.com/_zxdOSKs0ASI/TDMqbnatRwI/AAAAAAAAAkM/nB-DxcVcqqk/s1600/Testbeeld.jpg');
background-size: 100% 100%;
width: 100%;
}

Answer 1

width: 100px; /*you width*/
height: 100px; /*you height*/
/* optional: background-color: white; */
background-image: url('image.png');
background-repeat: none;
background-size: 100% 100%;
/*or
background-size: cover;
background-position: 50% 50%;*/
background-attachment: fixed;