0

这是我的css，我通过它将一张图像放在中心。

 .BusyStyles
 {
      background-image: url('../images/busy.gif');
      background-repeat: no-repeat;
      background-position: center center;
      height: 350px;
      width: 300px;
 }

我可以增强上面的css，结果我可以在busy.gif下方的div中心放置另一个图像......这可能吗？如果是，那么请给我css，我可以通过它将两个图像作为div的背景一个接一个地放置在中心。谢谢

4

3 回答 3

0

您只能在 CSS 3 中执行此操作（http://stackoverflow.com/questions/423172/can-i-have-multiple-background-images-using-css）

body {
    background-image: url(images/bgtop.png), url(images/bg.png);
    background-repeat: repeat-x, repeat;
}
于 2012-10-09T07:47:54.423 回答
0

如果您只能支持与 CSS 3 兼容的浏览器，我同意 LiamB 的解决方案。

但是，如果您需要支持更多的浏览器，我建议您通过 2 个 div 来解决这个问题。两个 div 将位于彼此之上。位于下方的 div 仅包含背景图像。位于顶部的 div 包含另一个背景图像（位置看起来好像它位于另一个 div 的背景图像下方）和您想要的任何内容。

于 2012-10-09T07:57:13.613 回答
0

检查单个 div 标签中的两个背景图像的示例。

CSS：

.container{
  width:300px;
  height:150px;
  background:url(http://img.b8cdn.com/images/icons/loading_large_icon.gif) no-repeat 50% 28%, url(http://twitter-badges.s3.amazonaws.com/t_logo-a.png) no-repeat 50% 60%;
  border:1px solid #CCCCCC;
}
于 2012-10-09T10:44:43.153 回答