CSS完全なフルスクリーンイメージのバックグラウンド

私はどのスクリーンにも、すべてのブラウザに合った背景イメージのための最善の解決策であると思っています。また、私は大部分のテクニックが画像を少し切り取っていることに気付きました。私はこれを行うための技術がたくさんあることを知っていますが、私はあなたの意見で最高であることを知りたいです。ありがとう！CSS完全なフルスクリーンイメージのバックグラウンド

出典

2011-08-31 alexandru

を私は本当にすべての解決策をキャッチしているとは思わないでください。あなたのソリューションは、イメージがどのように見え、どのように適用されているかに大きく依存します。例えば、多くの背景画像は、コンテンツの領域の幅を画像の中心に大きな隙間を残す。他の背景画像はコンテンツ領域に表示されます。いくつか繰り返します。背景画像にはいくつかのテクニックがありますが、デザインによって異なります。 – Jrod

http://css-tricks.com/3458-perfect-full-page-background-image/ - jqueryメソッド - おそらく最良の解決策です。 – easwee

このpost from CSS-tricks.comはフルスクリーンの背景画像のさまざまな手法をカバーしており、IEの旧バージョンのフォールバックを含んでいます（私はIEの修正をテストしていません）。

私は、一般的にCSS3のメソッドを使用して、古いブラウザのサポートを心配する必要はありません。

html { 
    background: url(http://lorempixum.com/1440/900/sports) 
     no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

出典

2011-08-31 15:24:10 DuMaurier

古いですが、私は知っていますが、ブラウザのサイズが変更されない良い代替品がありますか？私はちょうどイメージに最小の高さを与えることができればと願っています –

は、bodyタグの内側にこれを追加します。

<img src="img/beach.jpg" 

style="width:100%;height:100%;position:absolute;top:0;left:0;z-index:-5000;">

http://thewebthought.blogspot.com/2010/10/css-making-background-image-fit-any.htmlg

出典

2014-09-25 09:03:23

CSS完全なフルスクリーンイメージのバックグラウンド

答えて

関連する問題