javascript - 使用 CSS 显示两个 gif

Question

我试图在我的页面上显示一个 gif 并成功地显示了它。

但现在我想并排显示两个 gif。我想知道是否可以这样做。

CSS

#loader {
 position: fixed;
 z-index: 1000;
 margin-left: 0%;
 margin-top: 0%;
 height: 100%;
 width: 100%;
 background: rgba( 255, 255, 255, .8 ) url('../Images/loading.gif') 50% 50% no-repeat;
}

HTML

<div id="loader"></div>

Jquery

 $(window).load(function () {
   $('#loader').fadeOut(500);
 });

现在我可以使用 url 在后台添加一张 gif 吗？？？

我试过跟随，但它似乎不起作用

 #loader {
  position: fixed;
  z-index: 1000;
  margin-left: 0%;
  margin-top: 0%;
  height: 100%;
  width: 100%;
  background: rgba( 255, 255, 255, .8 ) url('../Images/loading.gif') , url('../Images/ajax-loader.gif') 50% 50% ;
 }

Answer 1

检查 fiddle

HERE

代码

div#loader {
background-image: url('http://www.misd.gov.sc/misdsd/Assets/programmer.gif'), url('http://www.misd.gov.sc/misdsd/Assets/programmer.gif');
background-repeat: repeat-y;
background-position: top left, top right;
width: 385px;
height: 100px;
border: 1px solid #000000;
}