0 
body{




background:url(repeat_bg.png) repeat-y, url(repeat_bg_right_side.png) top right repeat-y;
}

有没有办法可以在 ie8 中完成这项工作？还是ie8不支持这个（我是新手）。谢谢你的时间 ！

4

1 回答 1

1

IE8 不支持多背景。最好的办法是创建一个外部容器div，并将一个背景放在 body 上，一个放在容器 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默认设置填充，这会导致两个图像不对齐。）

于 2012-05-20T23:58:21.097 回答