body{
background:url(repeat_bg.png) repeat-y, url(repeat_bg_right_side.png) top right repeat-y;
}
ie8でこれを機能させる方法はありますか? または、これは ie8 でサポートされていません (私は newb です)。御時間ありがとうございます !
body{
background:url(repeat_bg.png) repeat-y, url(repeat_bg_right_side.png) top right repeat-y;
}
ie8でこれを機能させる方法はありますか? または、これは ie8 でサポートされていません (私は newb です)。御時間ありがとうございます !
IE8 は複数の背景をサポートしていません。あなたの最善の策は、外部コンテナを作成し、div
1 つの背景を body に、もう 1 つをコンテナ div に配置することです。
<body>
<div id="container">
...
</div>
</body>
CSSで:
body {
background: url(repeat_bg.png) top left repeat-y;
padding: 0;
}
#container {
background: url(repeat_bg_right_side.png) top right repeat-y;
}
padding: 0
(一部のブラウザーでは既定でパディングがbody
設定されているため、2 つの画像が整列しなくなるため、 が必要です。)