CSSのZ-インデックスポインタイベント

Question

私の問題は、.rowをクリックできるようにしたいのですが、その幅はウィンドウをいっぱいにしますが、リンクや画像のようなコンテンツを持っているので.fourcolではないからです。私はCSSに欠けているものがありますか？またはjqueryでこれを達成できますか？それから私はposition: absolute;とz-index: 2;で.dragを配置

.row { 
width: 100%; 
max-width: 1240px; 
min-width: 755px; 
overflow: hidden; 
z-index: 1; 
} 

.fourcol { 
z-index: 3; 
} 

：

<div class="container > 
    <div class="row"> 
    <div class="fourcol> 
     <p>Content</p> 
    </div> 
    </div> 
</div> 

その後、私はCSSで

<div class="drag"> 
<img src="image.png"/> 
</div> 

の下に何かを持っている：

私のCSSとHTMLは次のようですちょうど近くに<p>content</p>

ありがとうございます。

Answer 1

z-indexは、位置プロパティがある場合にのみ機能します。従って、.rowのz-インデックスは何もしません。最低でもposition: relative;を追加する必要があります。その後、より高いz-インデックスを持つ.fourcol div内に.drag divを追加すると、それが前方に来るはずです。 2より高い値を使用する必要があるかもしれませんが、