Div 背景图像的 CSS 幻灯片放映 - 可能吗? [英] CSS Slideshow of Div Background Image - possible?

问题描述

我有一个名为 splash 的 Div，它宽 473 像素，高 139 像素.它应用了背景图像.在 Div 中，我还有 3 个其他 Div.

I have a Div named splash which is 473px wide and 139px high. It has a background image applied to it. Within the Div I have 3 other Divs.

我想让splash容器div的背景图片通过不同的图片淡入淡出.

I want the background image of the splash container div to fade in and out through different pictures.

有没有办法使用 CSS3 实现这一点?

Is there any way to achieve this using CSS3?

您可以在 http://blackburnseo.com/ensor/<上看到初始 div/a>

推荐答案

CSS3 有一个名为transitions"的属性/功能，它可能能够实现您正在寻找的效果，无 JS.

CSS3 has a property/feature called 'transitions' which may be able to achieve the affect you're looking for, sans JS.

在快速谷歌之后，我相信这可能是让您入门的好地方.

After a quick google, I believe this may be a good spot to get you started.

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

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

I don't know how many browsers have implemented this feature, though; the other problem is that not every property supports transitions (you would probably be looking at background-position)

这篇关于Div 背景图像的 CSS 幻灯片放映 - 可能吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！