如何将gif添加到背景

Question

我使用了以下 CSS，我想知道是否可以将背景更改为使用一些 gif，即代替 background:white 使用以下 gif 作为背景 http://media.giphy.com/media/8OUdE03f3Nauc/giphy_s.gif

#carousel figure {

    display: block;
    position: absolute;
    width: 150px;
    height: 111px;
    left: 10px;
    top: 10px;
    background: white;
    overflow: hidden;
    border: solid 1px black;

}

我试过了 背景：url('http://media.giphy.com/media/8OUdE03f3Nauc/giphy_s.gif');

还有这个

背景图片：'http://media.giphy.com/media/8OUdE03f3Nauc/giphy_s.gif' 这不起作用...

Answer 1

试试这样：它的工作Demo

#carousel  {       
    background: white url("http://media.giphy.com/media/8OUdE03f3Nauc/giphy_s.gif") no-repeat center; 
// Added your gif background along with your code */
}

Answer 2

您应该能够做到以下几点：

#carousel figure {

display: block;
position: absolute;
width: 150px;
height: 111px;
left: 10px;
top: 10px;
background: url('http://media.giphy.com/media/8OUdE03f3Nauc/giphy_s.gif');
overflow: hidden;
border: solid 1px black;

}