Html 响应背景图像不显示

我试着在3列中用图片做一些链接，我不知道为什么这些图片没有显示出来。我搜索了很多关于这些事情的信息，但是没有人帮我。有人能帮我吗？：）

HTML

<div id="place">
    <div class="place_button">

            <div id="choose">
                <a href="">
                    <div class="button image1"></div>
                </a>
            </div>

            <div id="choose">
                <a href="">
                    <div class="button image2"></div>
                </a>
            </div>

            <div id="choose">
                <a href="">
                    <div class="button image3"></div>
                </a>
            </div>

    </div>
</div>

<div id="place">
  <div class="place_button">
    <a href="" id="choose" >
      <div class="button image1"></div>
    </a>
    <a href="" id="choose" >
      <div class="button image2"></div>
    </a>
    <a href="" id="choose" >
      <div class="button image3"></div>
    </a>
  </div>
</div>

---

我的设置了图像，因为

背景图像

没有给出高度和宽度。因此，您需要将高度和宽度的非百分比值添加到背景图像声明的

div

中

例如：

#place .button{ 
  width: 300px;
  height:200px;
}

编辑

要使其具有响应性，应更改柱结构。试试这个

HTML

<div id="place">
    <div class="place_button">

            <div id="choose">
                <a href="">
                    <div class="button image1"></div>
                </a>
            </div>

            <div id="choose">
                <a href="">
                    <div class="button image2"></div>
                </a>
            </div>

            <div id="choose">
                <a href="">
                    <div class="button image3"></div>
                </a>
            </div>

    </div>
</div>

<div id="place">
  <div class="place_button">
    <a href="" id="choose" >
      <div class="button image1"></div>
    </a>
    <a href="" id="choose" >
      <div class="button image2"></div>
    </a>
    <a href="" id="choose" >
      <div class="button image3"></div>
    </a>
  </div>
</div>

---

我找到了有关vh装置的信息，我尝试使用它们，这对我很有帮助！ 现在我的代码看起来像这样

无更改的HTML

CSS

---

谢谢你的帮助！：）

但是，如果我想要有响应性，我需要做什么？应用该功能后，你能告诉我响应性有什么问题吗？如果我更改浏览器大小，图像的大小不会改变感谢你的奉献，但这仍然不起作用：（我知道一些关于响应性设计的知识。如果你添加了非百分比，当我更改浏览器大小时，这些图像的大小不会改变。这向所有浏览器表明，300x200大小的图像我尝试过了，但仍然不起作用？如果你真的想要响应性图像，那么就在

标签上声明，而不是在div a

背景im上声明年龄

。如果使用

img

标签，是否有问题？

#place .place_button{
    display:table;
    margin: 0 auto 20px auto;
}

#place #choose{
    float: left;
    width:31%;
    margin: 1%;
}

#place .button{
    display: table-cell;
    background-size: cover;
    background-position:center;
    height: 40vh;
    width: 40vh;
    -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;
}