Javascript 交叉幻灯片z索引问题_Javascript_Jquery_Css_Z Index_Slideshow

Javascript 交叉幻灯片z索引问题

javascript jquery css

Javascript 交叉幻灯片z索引问题,javascript,jquery,css,z-index,slideshow,Javascript,Jquery,Css,Z Index,Slideshow,我在用脚本问题是我无法将该div移到背景：幻灯片放映与所有其他div重叠。尝试更改z索引：将z索引0设置为背景div，将z索引2设置为所有其他div。仍然没有成功。是否仍有将幻灯片放映应用于背景div的方法我的css结构看起来是这样的 <body> <div id="bg"> "all stuff goes here" </div </body> 使用z-index:-1将其带到后台，而不是将z-index:0或-1设置为“bg”

我在用脚本

问题是我无法将该div移到背景：幻灯片放映与所有其他div重叠。尝试更改z索引：将z索引0设置为背景div，将z索引2设置为所有其他div。仍然没有成功。是否仍有将幻灯片放映应用于背景div的方法

我的css结构看起来是这样的

<body>
  <div id="bg">
  "all stuff goes here"  
   </div
</body>

使用z-index:-1将其带到后台，而不是将z-index:0或-1设置为“bg”id，将所有其他内容z-index设置为99或更高。因此，您的“背景”将出现在幻灯片后面。

您是否正确遵守堆叠上下文、定位和z索引的（复杂）规则

将css设置为：

#bg {
 /* Stretch background */
 position:fixed;
 top:0;
 left:0;
 height:100%;
 width:100%;
 z-index:0;
}

#test {
    position: relative;
    background-color: red;
    z-index:5;
    width: 120px;
    margin-top:5px;
}

和html至：

<body>
    <div id="bg"></div>
    <div id="test">"all stuff goes here"</div>
</body>


“所有东西都在这里”

另请参阅我的。

您是否阅读了我的问题？“尝试更改z索引：将z索引0设置为背景div，将z索引2设置为所有其他div。仍然没有成功。”是的，你说你更改了z索引值，但你没有说任何关于负值的内容。尝试添加位置：绝对；问题在js中是肯定的，但生成的HTML看起来像什么，它是如何用CSS设置样式的？请注意选择的答案

<body>
    <div id="bg"></div>
    <div id="test">"all stuff goes here"</div>
</body>