Question

我在旋转木马上的图像与另一个div重叠时遇到了轻微的问题。 click here

如果您点击红色标签，我会尝试将瓶子的图像放在白色框的顶部（＃section1）。我注意到当我从position:relative中移除.rslides时，轮播图像会执行我想要它做的事情，但是我放在#rslides1中的背景图像正面向...

我已经调整了z-index属性但是，我仍然无法实现它。有没有人有问题的解决方案？

Answer 1

当我将我的css属性更改为以下内容时，它有效：

#header{
    max-width: 1018px;
    min-width: 320px;
    width: 100%;
    margin: 0 auto;
    z-index: 10;
    position: relative;
} 

.rslides {
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin-top: -275px;
    float: left;
    z-index: -1;
 }

.rslides_tabs { 
    margin: 93px auto 0; 
    position: relative; 
    width: 100%; 
    max-width: 1011px; 
    z-index: 10;
 }

Answer 2

解决这个问题：

从position: relative移除.rslides。
将position: relative; z-index: 10;添加到.rslides_tabs和#header

Answer 3

使用此css清除问题：

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin-top: -275px;
    float: left;
    z-index: 999;
}

将z-index值用作z-index：999

无法重叠DIV

3 个答案: