跨幻灯片z索引问题
跨幻灯片z索引问题
提问于 2011-10-19 13:35:08
我使用的是cross slide脚本。
问题是我不能将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;
}回答 4
Stack Overflow用户
回答已采纳
发布于 2011-10-19 14:00:19
将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>另请参阅我的jsfiddle。
Stack Overflow用户
发布于 2011-10-19 13:39:29
使用z-index: -1将其带到后台
Stack Overflow用户
发布于 2011-10-19 13:42:54
不是将z-index:0或-1设置为您的"bg“id，而是将所有其他内容的z-index设置为99或更大。所以你的"bg“会出现在你的幻灯片后面。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7816963
复制相关文章
相似问题
腾讯云开发者
