如何添加的GIF背景

-3

我用下面的CSS，我不知道我是否可以改變背景使用一些GIF即代替背景：白色使用下面的GIF作爲背景http://media.giphy.com/media/8OUdE03f3Nauc/giphy_s.gif 如何添加的GIF背景

#carousel figure { 

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

}

IVE試用 background：url（'http://media.giphy.com/media/8OUdE03f3Nauc/giphy_s.gif'）;

而且這個

背景圖像： 'http://media.giphy.com/media/8OUdE03f3Nauc/giphy_s.gif' 這是不工作...

來源

2015-10-12 Jhon D

添加代碼的jsfiddle –

w3schools.com/tags/tag_figure.asp嗨親愛的，請閱讀 http://stackoverflow.com/questions/7913359/can-figure-tag-in-html5-被用於背景圖像 – user00000341

試試這個：它的工作原理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 */ 
}

來源

2015-10-12 09:44:05

我試過了，它不適用於我可能是什麼問題？ –

發佈您的相關html/css代碼以幫助您更好 –

ive添加了no-repeat-center，現在它可以正常工作:)謝謝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;

}

來源

2015-10-12 09:41:58 evilscary

我嘗試了它，它不適用於我可能是什麼問題？ –

你可能需要下載gif並將它放在本地文件夾中 – evilscary

如何添加的GIF背景

回答

相關問題