1

レイヤードdivでリンクを機能させる方法を模索してきました

私は他の2つのdivを含む大きなdivを持っています：

  • コンテンツとメインdiv
  • メニューのナビゲーションdiv

問題は、main divがナビゲーションdivと重なっていて、リンクを（リボン）にして、ホバーしたときにリンクが引き出されているように見せることです。しかし、彼らはアクティブなリンクをまったく持っていませんか？私のCSSは次のとおりです。

    .navigate {
    width: 1020px;
    height: 300px;
    position: absolute;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    top: 190px;
    z-index: -1;
    border: 1px solid red;}

と

.main {
background: url("../images/papir.png") no-repeat center; /* papir.png bredde=1020px */ 
margin-left: auto;
margin-right: auto;
margin-top: 150px;
margin-bottom: 7em;
width: 1020px; /* 1020px */
height: 752px; /* 752px */ 
z-index: 0;
border: 1px solid green; }

何かの背後にあるようなnavigation divものです：$

z-indexで0に変更すると、divが..navigation divの後ろにないことを除いて、問題なく動作します。main div

私はそれを修正しようとしました

body {
position: relative;
z-index: 0; }

問題を解決するはずだとどこかで読んでください-しかし私にとってはそうではありません

それを修正する方法はありますか？

前もって感謝します

4

4 に答える 4

2

現在、.navigatediv z-indexが-1に設定されているため、.maindivの背後にあります。他のdivよりも大きくして、一番上になるようにします。例えばz-index: 101;

于 2012-09-25T23:57:49.327 に答える
1

うまくいきました！

追加したばかり：

position: relative;

.main-div へ

于 2012-09-26T12:34:23.013 に答える
0

ナビゲーション div で z-index を 0 に変更すると、div がメイン div の背後にないことを除いて、正常に動作します。

これを正しく理解していれば、リンクの上に別の div が重なっている場合、リンクを機能させる方法はありません。ナビゲーション div がメイン div の下にある場合、ナビゲーション div のリンクは機能しません

しかし..

リンクを上に配置したdivが必要な場合-それらを相対または絶対または固定に配置し、z-indexを背後にあるdivよりも高い任意の数値に設定します

于 2012-09-26T00:01:12.403 に答える
0

たとえば、オーバーレイするdivに負のマージンを使用します

.overlay-div{margin-top:-20px;}
于 2012-09-26T08:16:53.290 に答える