css - cssで自動サイズ変更

Question

私は次の問題を抱えています：

スライドを通過する画像があります。常にウィンドウとモニターのサイズにサイズ変更する必要があります。使用すると思いました。

min-height: 100%; 
min-width: 1024px; 
width: 100%; 
height: auto; 

しかし、上の画像の問題は解決しません。現在の問題を示しています。ヘッダーDIVとフッターDIVがあり、画像が重ね合わされており、画像が2つのdivの下にあり、その一部を食べ​​ています。これを修正するにはどうすればよいですか。

デモする画像：

Answer 1

img {
    min-height: 100%; 
    min-width: 1024px; 
    width: 100%; 
    height: auto; 

    position:relative;
    z-index:1000;
}

これにより、画像がすべての上に表示されるようになります

編集：

<div id="header"></div>
<div id="image">
    <img src="image_path">
</div>
<div id="footer"></div>

それがソースの場合、css は次のようになります。

#header,#footer{
height:150px; // You set the number
width:100%;
}

#image{ /* The code you were using */
     min-height: 100%; 
     min-width: 1024px; 
     width: 100%; 
     height: auto;
}