2

このフォーラムで、JQ を使用して背景画像のサイズを変更する必要があることを読みました。しかし、私はJQを知らず、css3で背景画像のサイズを変更したい. 私はそれを行うことができますか？可能であれば、正しい方向を教えてください。

私は2つの背景画像を持っています。1つ-繰り返しのあるテクスチャ（拡大縮小したくない）、もう1つ-下-画像全体（これは繰り返したくなく、サイトの解像度が変更されたときにサイズを変更したい（小さな画面の場合など）。

    body { 
     padding-top: 60px; 
     padding-bottom: 40px;
     background-color:#ededed;
     background-image:url('http://b.pusku.com/wp-content/uploads/2012/11/textura5.png'), url('http://b.pusku.com/wp-content/uploads/2012/11/fone1.jpg'); 
}
4

1 に答える 1

3

ここに例があります。40% 20%セクションは最初の画像のサイズで、20% 15%は 2 番目の画像のサイズです。繰り返しルールは、最初の画像が繰り返されず、2 番目の画像が繰り返されることを指定します。

 body { 
     padding-top: 60px; 
     padding-bottom: 40px;
     background-color:#ededed;
     background-image:url('http://upload.wikimedia.org/wikipedia/commons/c/cb/Fighting_kittens-1340.jpg'), url('http://thepersiankittens.com/Persian_Kittens.jpg'); 
     height: 1000px;
     width: 400px;
     background-size: 40% 20%, 20% 15%;
      background-repeat: no-repeat, repeat;
    }

http://jsbin.com/ojudel/1/editで試すことができる例を次に示します。

パーセンテージを変更すると、それがどのように機能するかがわかります。詳細については、こちらをご覧ください。

于 2013-01-18T14:59:04.063 に答える