div背景颜色不覆盖背景图像div的全高和宽度

Question

我在填充背景颜色方面遇到了问题。默认div包含一个图片，当我点击下一个按钮时，它会激活另一个div background-color和一些文字，但我仍可以在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%;
}