css - 如何通过CSS将两个图像定位为div上的背景图像

Question

这是我的 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 的背景一个接一个地放置在中心。谢谢

Answer 1

检查 sample用于单个 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;
}