Div背景图像的CSS幻灯片 - 可能吗?

时间:2011-05-19 15:34:55

标签: html css html5 css3

我有Div名为splash,宽473像素,高139像素。它有一个背景图像应用于它。在Div内我还有3个Div s。

我希望splash容器div的背景图片能够通过不同的图片淡入淡出。

有没有办法用CSS3实现这个目标?

您可以在http://blackburnseo.com/ensor/

上看到启动div

2 个答案:

答案 0 :(得分:1)

CSS3有一个名为'transitions'的属性/功能,它可以实现你正在寻找的影响,没有JS。

快速谷歌之后,我相信这可能是让你入门的好地方。

http://css3.bradshawenterprises.com/transitions/

我不知道有多少浏览器实现了此功能;另一个问题是并非每个属性都支持转换(您可能会看到background-position

答案 1 :(得分:1)

可以使用transitions完成,但不会自动更改。

用户必须以某种方式触发转换(:hover,:focus等)。

查看此处的示例:http://jsfiddle.net/seler/zZCyf/