CSSの背景を使用して背景を塗りつぶす画像を伸ばす

Question

私は好きな画像を持っています。私はこの小さな画像を使って私のページを埋めるのですが、画像にはグラデーション効果がありますので、リピートは使用できません。私はイメージをCSSでページを埋めるために伸ばすようにそれを作ることができる方法はありますか？

Answer 1

いいえ、背景画像のサイズを設定することはできません。グラフィックス編集プログラムでイメージ自体をリピートまたはストレッチする必要があります。

あなたはまたIMGタグやCSSで回避策を使用することができます。私は、これはかなり古い質問です実現が、私はそれにつまずいたとして、私はここにも答えを置くかもしれない見Stretch and scale CSS background

Answer 2

。

そうのように、background-size CSSプロパティを使用してbackground-imageのサイズを変更することが可能である：

.class { 
    background-image: url(....); 
    background-size: 100% 100%; 
} 

は、より多くのためにここを見てみましょう：CSS3 background-size property。