Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 将包含图像滑块的div放置在所有其他div后面_Css_Html_Position_Z Index - Fatal编程技术网

Css 将包含图像滑块的div放置在所有其他div后面

Css 将包含图像滑块的div放置在所有其他div后面,css,html,position,z-index,Css,Html,Position,Z Index,我有一个图像滑块,我想放在其他几个div后面。我玩过position:absolute和position:relative但没有太大成功-所有东西都移到了一边,还有z-index,没有明显的变化。我在想,我在某个地方遗漏了一个步骤或想法,但我不确定该去哪里/寻找什么 预计到达时间:应该在所有其他时间之后 html 删除#主滑块上的内联样式,并将其添加到其中 #home-slider{ position:absolute; top:0; z-index:-1; } 尝试从此处删除溢

我有一个图像滑块,我想放在其他几个div后面。我玩过
position:absolute
position:relative
但没有太大成功-所有东西都移到了一边,还有
z-index
,没有明显的变化。我在想,我在某个地方遗漏了一个步骤或想法,但我不确定该去哪里/寻找什么

预计到达时间:
应该在所有其他时间之后

html


删除
#主滑块上的内联样式
,并将其添加到其中

#home-slider{
  position:absolute;
  top:0;
  z-index:-1;
}

尝试从此处删除溢出:隐藏的

#home #slider_mask {
width: 600px;
margin: 0 auto;
padding-top: 60px;
position: relative;
overflow: hidden;
}

请发一张提琴吧?很难说你想做什么。那把小提琴里应该放什么?也许一些背景颜色会有帮助,所以我们可以看到哪个div是哪个。您需要在“外部资源”中包括滑块,现在它抛出错误@chiefGui,jsfiddle位于粘贴代码上方的文本中。@ralph.m,用颜色替换了滑块和徽标,现在应该更容易解析了。谢谢
#home-slider{
  position:absolute;
  top:0;
  z-index:-1;
}
#home #slider_mask {
width: 600px;
margin: 0 auto;
padding-top: 60px;
position: relative;
overflow: hidden;
}