我有 2 张图像,我需要一张一张地使用它们,同时将它们保留在背景中, 目前我使用以下代码:
<div id="about_splash">
<img style="width:85%" src="image_src" />
</div>
其中 about_splash 具有背景 css 属性
问题是,这两个图像需要位于其他一些 html 对象的背景中。这将位于 div#about_splash 的上方和下方。
我尝试放置 z-index,但没有成功。
如果我使用以下代码,如何缩放内部图像,使其比父级图像大一点
<div style="background: url(layout/images/illustration.gif)
no-repeat center;min- height:500px;">
</div>
</div>
最佳答案
编辑: CSS3 允许这种事情,它看起来像这样:
body {
background-image: url(images/bg.png), url(images/bgtop.png);
background-repeat: repeat, repeat-x;
}
但是,如果您需要支持 IE8 或更低版本,那么解决此问题的最佳方法是使用额外的 div:
<body>
<div id="bgTopDiv">
content here
</div>
</body>
body{
background-image: url(images/bg.png);
}
#bgTopDiv{
background-image: url(images/bgTop.png);
background-repeat: repeat-x;
}
关于jquery - 将图像叠加在另一个图像上并将它们保留在背景中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10499757/