Question

我在我的CSS中使用了多个图像，它在firefox和chrome最新版本中看起来不错，但是歌剧v12.0并没有很好地定位我的第二张图片。它显示在页面的中间（即使歌剧12支持多个图像）。

这是我正在使用的CSS：

body{
background:url(../images/bg.png) top repeat-x,url(../images/bg_footer.png) bottom repeat-x, #fff;
}

也尝试了这个:(同样的结果）

体{

background-image: url('../images/bg.png'), url('../images/bg_footer.png');
background-position: left top, left bottom;
background-repeat: repeat-x;

}

任何想法如何解决这个问题？

Answer 1

试试这个：

background-image: url(../images/bg.png), url(../images/bg_footer.png);
background-position: left top, left bottom;
background-repeat: repeat-x;

Answer 2

试试这个

 display: inline-block;
background-image: url('../images/bg.png'), url('../images/bg_footer.png');
background-position: left top, left bottom;
background-repeat: repeat-x, repeat-x;

在opera 12中使用css3的多个图像

2 个答案: