在背景图像顶部淡入淡出幻灯片，作为页面背景

我的网站当前有一个大的静态图像作为背景图像。我想在背景图片上添加3张图片的循环幻灯片，但仍然低于其他所有内容。幻灯片放映图像只是部分透明的不同大小的白色png，并且应该平滑地淡入对方。预期的效果是不断突出显示背景图像的不同区域（页面的其余部分不会受到影响）。在背景图像顶部淡入淡出幻灯片，作为页面背景

我必须添加到我的CSS文件以将幻灯片放在背景图片上方，但是放在其他所有东西下方？目前，对于单个图像，我有：

body { 
background-color: #000000; 
background-image:url('/images/wallpaper.jpg'); 
background-attachment:fixed; 
background-repeat:no-repeat; 
background-position:top center; 
color: #555; 
font: 70%/1.5 Verdana, 'Trebuchet MS', arial, sans-serif; 
text-align: center; 
margin: 15px 0; 
}

我发现褪色的图像jQuery的应用程序（Innerfade），我需要什么添加到我的我的网页的身体来运行它，或者将一切从工作CSS？

谢谢任何帮助！

来源

2011-03-16 James

试用CSS：'position'和'z-index'。 – 2011-03-16 06:36:36

您需要定位具有不同z-索引的元素。例如

#slideshow{ 
position: relative; 
z-index: 1; 
} 

#otherContent{ 
position: relative; 
z-index: 2 
}

是需要的位置z索引工作。现在幻灯片放映与其他内容相比，z-index（空间深度）较低。

希望这会有所帮助。

来源

2011-03-16 07:29:56 jmartsch

谢谢，这看起来像我所需要的。 – James 2011-03-16 08:35:48

你应该“检查”他的答案。 – mattsven 2011-03-16 09:10:17

嗯，好东西你说motionman95，当用一张简单的图片而不是幻灯片进行测试时，它并没有把它放在其他所有东西的后面，而是放在页面上的所有其他东西之后，就像是一种横幅。这是否与'职位'有关？还是有另一个标签，我需要补充说，把它放在所有其他元素？ – James 2011-03-16 10:19:45

在背景图像顶部淡入淡出幻灯片，作为页面背景

回答

相关问题