background:url(repeat bg.png)repeat-y,url(repeat_bg_right_side.png)右上方重复y;在ie8?

时间:2012-05-20 23:56:13

标签: css internet-explorer repeat

body{




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

有没有办法让我在ie8工作?或ie8(我是新手)不支持。谢谢你的时间!

1 个答案:

答案 0 :(得分:1)

IE8不支持多种背景。您最好的办法是创建一个外部容器div并在主体上放置一个背景,在容器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上添加填充,这会导致两个图像不对齐。)