div背景颜色未覆盖背景图片的整个高度和宽度div

Question

我在填充背景色时遇到问题。 默认的div包含一个图像，当我单击下一步按钮时，它会激活另一个具有background-color和一些文本的div ，但是仍然可以在div的角落看到我的图像部分。

HTML：

<div class="survey_box-active">
  <img src="" />
</div>
<div class="survey_box">
  <h2>Headline</h2>
  <p>some text</>
</div>

CSS：

survey_box,
survey_box-active {
    display: none;
    overflow: hidden;

    img {
        display: block;
    }
}

survey_box-active {
    display: block;

}

[class*=survey_box] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f3f3f3;
}    

Answer 1

尝试更改img标签的css。

img {
    display: block;
    max-width:100%;
}