#haikeiに背景画像を4つ指定しています。
|
1 2 3 4 5 6 7 8 |
#haikei { background-image: url(/images/plus-logo2.png), url(/images/dog200.jpg), url(/images/dog200a.jpg), url(/images/back/white_brick_wall.png); background-attachment: fixed, scroll, scroll, fixed; background-repeat: repeat-y, no-repeat, no-repeat, repeat; background-position: center, right top, left bottom; height: 300px; border: 1px solid #999; } |
背景画像のurlを「 , 」で区切ってその後に追加し、それと同じ順番でbackground-attachment 、 background-repeat 、background-position も指定してやります。背景画像の重なり方は、記入順で左から順に上になります。
exBPのトク☆オタです。
自分もワードプレス使ってますが、こういう使い方ができたんですね。
初めて知りました。
まだワードプレス歴は浅いですが、とても奥が深そうですね。
また勉強しに伺いたいと思います。