レスポンシブルwebデザインにおける背景画像

背景画像はcssのbackground-sizeを使用するとウインドウサイズに合わせて可変できます。

1
2
3
#content{
background-size:cover;/*背景画像で全体を覆う*/
}

または、

1
2
3
#content{
background-size:100% auto;/*背景画像を横幅いっぱいに表示*/
}

http://wp-and.me/background-size/

http://blog.56doc.net/Entry/416/

 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です