画面全体にヘッダーを伸ばす方法

Question

画面を伸ばしたバナー画像があります。私は伸びるために最高の の方法は、適切な幅で画像を読み込むことだと言われました。だから、 は、画面解像度を検出するためにJavaScriptを使用し、適切な画像をロードする必要があるという意味ですか？しかし、JSは無効になる可能性があります代わりがありますか？

Answer 1

画像の幅をパーセントで設定します。実際のパーセンテージはimgの親コンテナに関連することに注意してください。

Answer 2

純粋なCSSを使用してこれを行うことができます。

img.banner {position:absolute; z-index:1; width:100%; height:100%;} 

Here STUのニコルズによってデモです。