0

我在让我的轮播中的图像重叠在另一个 div 上时遇到了一个小问题。点击这里

如果您单击红色选项卡，我正在尝试将瓶子的图像放在白框（#section1）的顶部。我注意到，当我position:relative从.rslides轮播图像中删除时，我想要它做的事情，但是我放置的背景图像在#rslides1前面......

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

4

3 回答 3

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;
 }
于 2012-08-29T17:27:41.000 回答
1

要解决这个问题：

  1. position: relative从中删除.rslides。
  2. 添加position: relative; z-index: 10;到.rslides_tabs和#header
于 2012-08-29T17:16:23.610 回答
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

于 2012-08-29T17:15:41.823 回答