css - さまざまな解像度で固定された背景

Question

私の個人的な Web サイトでは、非常に特殊な背景画像を使用したいと考えています。この背景画像は私の署名欄を表しており、すべての主要な解像度でシームレスに機能させるための最善のアプローチは何かと考えていました.

この背景画像を追加しましたが、現在の状態では、幅を狭くすると右側が切れてしまいます。これを保存する方法はありますか？

いくつかのデモンストレーション:

i49.tinypic.com/16l0kma.jpg
i45.tinypic.com/35naf6v.jpg
i46.tinypic.com/2b1tus.jpg

背景画像の簡単なスクリーンショットを用意しました: http://i48.tinypic.com/2uz8aw7.jpg

どうもありがとう、ニッキー

score 0 · Accepted Answer

使用できますbackground-size:cover。次のように書きます。

body{
    background: url(http://i48.tinypic.com/2uz8aw7.jpg) 20px 0 no-repeat;
    background-size:cover;
}

これをチェックしてくださいhttp://jsfiddle.net/dXQNJ/

1 に答える 1