2012-08-29 56 views
0

我有一个轻微的问题,让我的传送带中的图像重叠在另一个div上。 click here无法重叠DIV

如果你点击红色选项卡,我正在试图将瓶子的图像放在白色方框(#section1)的顶部。我注意到,当我删除position:relative.rslides转盘图像做什么,我希望它做的,但背景图片我已经放在#rslides1去盈方...

我已经与周围的Z-index属性然而扭捏,我仍然无法实现它。有没有人有解决这个问题的办法?

+0

我不知道理解你的问题,但如果你的z-index没有按没有工作,这可能是因为其中一个元素没有定位(相对或绝对)。 – JMaylin

回答

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

是我的答案吗? :)或只是**很**相似? –

+0

啊对不起,我没有看到你的答案 – NewBoy

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

1

为了解决这个问题:

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