Question

我使用了以下CSS，我想知道是否可以更改背景以使用某些gif，而不是背景：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;

}

我试过了 background：url（'http://media.giphy.com/media/8OUdE03f3Nauc/giphy_s.gif'）;

还有这个

背景图像： 'http://media.giphy.com/media/8OUdE03f3Nauc/giphy_s.gif' 这是行不通的......

Answer 1

您应该能够执行以下操作：

#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;

}

Answer 2

尝试这样：其工作 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 */
}

如何将gif添加到背景中

2 个答案: