包含jQuery-won'；t中心在另一个分区后面

我在对包含Jquery的div进行居中时遇到问题。 它应该是所有其他内容后面的标题，但我无法在那里找到它。 我尝试了z-index和不同的位置，但都不起作用

有人能告诉我我做错了什么吗

这是我的密码：

HTML:

CSS:

#幻灯片放映{
高度：350px；
宽度：1100px；
z指数：9；
}
#幻灯片式IMG{
位置：绝对位置；
排名：0；
左：0；
z指数：8；
不透明度：0.0；
}
#幻灯片显示IMG.active{
z指数：10；
不透明度：1.0；
}
#幻灯片显示IMG.last-active{
z指数：9；
}
身体{
背景色：#000；
}
#容器{
宽度：1124px；
高度：768px；
左边距：自动；
右边距：自动；
}
#马德斯{
宽度：1124px；
高度：768px；
左边距：自动；
右边距：自动；
背景图片：url(file:///schijfje/Users/502034/Desktop/mappen/Stage/03.%20Mads%20Wittermans/web.png);
背景重复：无重复；
z指数：100；
}
.标题{
左边距：自动；
右边距：自动；
z指数：1；
位置：绝对位置；
}

JS:

函数滑动开关（）{
var$active=$（“#slideshow IMG.active”）；
如果（$active.length==0）$active=$（“#幻灯片显示IMG:last”）；
var$next=$active.next（）.length？$active.next（）
：$（“#幻灯片演示IMG:first”）；
$active.addClass（'last-active'）；
$next.css（{opacity:0.0}）
.addClass（“活动”）
.animate（{opacity:1.0}，1000，function（））{
$active.removeClass（'active last active'）；
});
}
$（函数（）{
设置间隔（“滑动开关（）”，5000）；
});

编辑：

问题解决了：

---

我给出了包含jQuery的div，另一个div位于绝对位置和z索引之上。现在，div被放置在彼此的后面。

这里有一个有效的版本。

代码有几个问题（或者说奇怪的解决方案，我猜它们是无意的）

1） 标题应该是

-标记，而不是div。您可以将脚本放在div中，但它通常没有多大意义。除非您只能通过CMS或其他方式将代码注入DOM中的特定部分

2） 您的代码只是定义了函数，从未调用过setInterval。你可能想做的是

$(document).ready(function() {
 // this code gets run when DOM is loaded
 setInterval(slideSwitch, 5000);
});

---

这将绑定在DOM就绪时触发的事件侦听器。这通常是您希望运行代码的时间。

为什么在JavaScript窗口中有HTML？那不行。我什么都看不见……只是个黑屏！我不太熟悉JSFIDLE，只是使用它让人们可以看到我的代码。。。如果这真的不起作用，我也可以把我的代码放到帖子里。你试过用float而不是absolute吗？正如Chris所说，为什么你会在里面放脚本呢？虽然这不是一个错误，但它可能会导致你的问题&不建议你用牙刷来解释。我将再次仔细查看我的代码！