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です。div実際、そのスタイルをすべての sに適用するように設定したようです。それは悪い考えであり、これが理由の 1 つです。overflow: hidden;必要な場所にのみ選択的に適用します。

于 2013-01-07T04:49:20.420 に答える