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%;
}