Cross Slide z-index 问题
我正在使用 十字幻灯片 脚本。
问题是我无法将 div 移动到背景：幻灯片与所有其他 div 重叠。尝试更改 z-index：将 z-index 0 设置为背景 div，将 z-index:2 设置为所有其他 div。仍然没有成功。有没有办法将幻灯片应用于背景 div？
我的 css 结构看起来像这样
<body>
<div id="bg">
"all stuff goes here"
</div
</body>
#bg 的 css
#bg {
/* Stretch background */
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
z-index:0;
}
I'm using cross slide script.
The problem is I can't move the div to the background: slideshow overlapping all other divs. Tried to change z-index: Set z-index 0 to background div, and z-index:2 to all other divs. Still no success. Is there anyway to apply slideshow to the background div?
My css strcture looks like that
<body>
<div id="bg">
"all stuff goes here"
</div
</body>
And css for #bg
#bg {
/* Stretch background */
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
z-index:0;
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
将 css 设置为：
并将 html 设置为：
另请参阅我的 jsfiddle。
Set css to:
and html to:
Also see my jsfiddle.
使用
z-index: -1将其置于后台Take it to the background with
z-index: -1不要将 z-index:0 或 -1 设置为“bg”id，而是将所有其他内容的 z-index 设置为 99 或更高。所以你的“背景”将位于幻灯片的后面。
instead of making z-index:0 or -1 to your "bg" id, make all other content z-index to 99 or more than that. so your "bg" will be back of your slides.
您是否正确遵守了堆叠上下文、定位和 z 索引的（复杂）规则？
https://developer.mozilla.org/en/Understanding_CSS_z-index/The_stacking_context
Do you observe the (complex) rules for stacking contexts, positioning, and z-index correctly?
https://developer.mozilla.org/en/Understanding_CSS_z-index/The_stacking_context