无法重叠DIV

时间:2012-08-29 17:03:30

标签: html css html5 css3

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

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

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

3 个答案:

答案 0 :(得分:3)

当我将我的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;
 }

答案 1 :(得分:1)

解决这个问题:

  1. position: relative移除.rslides
  2. position: relative; z-index: 10;添加到.rslides_tabs#header

答案 2 :(得分:0)

使用此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