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