如何为 body 标签制作背景幻灯片答案

【问题标题】：How to make a background slideshow for the body tag如何为 body 标签制作背景幻灯片
【发布时间】：2013-06-23 23:56:01
【问题描述】：

我为某人创建了一个站点，使用某些 jQuery 插件来使页面活跃起来，但是在审核期间他们要求旋转背景图像。我已经在网上查看了有关如何使用 jQuery 执行此操作的教程，但是它们都需要我创建一个额外的 div 标签。这本来是一个很好的解决方案，但问题是在页面上创建这些额外的 div 与插件冲突，这意味着必须整理很多其他的东西。请帮忙？谢谢。

附言代码 sn-ps 将不胜感激

【问题讨论】：

你想让背景图片旋转，具体怎么做？你在说什么插件？如果它们发生冲突，我们需要知道您使用的是哪一个。
@KirKill 简单的淡入/淡出幻灯片放映就可以了。至于插件，它还没有完全发布，它是由一个朋友开发的，还在解决一两个问题（这显然是一个），它基本上允许页面上的 div 可以拖放到页面上的任何位置。跨度>

标签： jquery css plugins background slideshow

【解决方案1】：

在正文中为您的幻灯片插入一个 div，并为您网站的内容插入一个 div。 z-index css-property 指定元素的堆栈顺序。像这样使用它：

http://www.w3schools.com/cssref/pr_pos_z-index.asp

div#slideshow {
 z-index: 1;
}

div#content {
 /* for example */
 width: 800px;
 margin: auto;

 z-index: 2;
}

有数百个关于 jQuery 幻灯片插件的教程可供您使用。这是我最喜欢的：http://www.slidesjs.com/

【讨论】：

似乎这应该有所帮助，........但链接似乎没有加载。排序后会及时通知您
链接对我来说没问题。 Z-index 很容易理解。 z-index css-property 指定元素的堆栈顺序。值越高，您的元素就越高。