0

我正在尝试设置选项卡菜单。我希望它向上移动，使其刚好超过前一个 div。但是，每当我将其向上移动时，它都会位于前一个 div 的下方。我试过改变 z-index 没有占上风。

http://www.cable-warehouse.com/?page=test&id=156781

这是以前的div：

#product {
    width: 950px;
    margin: auto;
    background: #FFFFFF;
    color: #434649;
    /* background: url(images/prod_bg.gif) repeat-x bottom; */
    border-left:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
}

这是我想坐在前一个 div 之上的 div：

.tabs {  /* div wrapper */
    margin-top:0px;
    position:relative;
    background:#FFFFFF;
    top:-30px;
    left:0;
}
.tabs ul { /* tabs */
    float:left;
    background:#fff;
    padding-top:4px;
    position:relative;
}

HTML 的外观：

<div id="product">content here</div>
<div class="tabs"><ul><!-- tabs list --></ul></div>
4

1 回答 1

1

您的问题是选项卡包含在overflow设置为的元素中hidden。实际上，您似乎已将该样式设置为应用于所有divs。这是一个坏主意，这也是原因之一。overflow: hidden;仅在需要时选择性地应用。

于 2013-01-07T04:49:20.420 回答