[CSS]大きい画像をブラウザのサイズに合わせて背景に表示するスタイルシート

CSS-Tricksから、大きい画像を余白を作らずにブラウザのサイズに合わせて、背景に表示するスタイルシートを紹介します。 Perfect Full Page Background Image 下記、それを実装する要件とテクニックを二つ、それぞれポイントをピックアップして紹介します。 実装の要件 前提として、画像のサイズを調整する必要があるため、background-imageプロパティでの配置は不適格とします。 それを踏まえ、以下の条件をクリアさせます。 ページは画像でいっぱいに、余白は無しで 画像の大きさは自動調整 画像の比率は維持 画像はページ中央に 画像はスクロールさせない クロスブラウザ対応 一つ目のテクニックは余分なマークアップが必要で、IE6用にJavaScriptを使用したものを紹介しています。 二つ目のテクニックは、余分なマークアップを無くし、JavaScriptも必要と

[osogo]

css

[s5-style]

CSS-Tricksから、大きい画像を余白を作らずにブラウザのサイズに合わせて、背景に表示するスタイルシートを紹介します。

[kanariia]

CSS-Tricksから、大きい画像を余白を作らずにブラウザのサイズに合わせて、背景に表示するスタイルシートを紹介します。

[yuichiro0526]

[]

[kuracom]

ソース元にも書いてあるが、demo1だとsafari/chromeにおいて上下に余白が生じてしまうので要注意

[mitchikeuchi]

CSS-Tricksから、大きい画像を余白を作らずにブラウザのサイズに合わせて、背景に表示するスタイルシートを紹介します。

[fooo]

画面いっぱいの背景画像をブラウザサイズで可変にするCSS

[toaruR]

flashのbgが一番楽だなぁ。

[hysteric_cat]

面白いけどそもそもこの書き方ってどうかな