0

そのようなことが可能かどうか疑問に思っています：

<div class="arrow-left" style="z-index:2; position: fixed; height: 100%; width: 100%;"></div>
<div class="meta" style="z-index:1; position: relative;">
    <div class="description">description <a href="link" style="z-index:3; position: relative;">link</a> description</div>
</div>

z-index: 3;リンクを上に置きたいのですarrow-leftが、description下に置きます。これは上記の HTML 構造で達成できますか?

4

3 に答える 3

0

position: relative;一緒に使うz-index

于 2012-09-12T09:22:06.897 に答える
0

このメソッドの検証済みの使用法は次のとおりです

<div class="hold" style="z-index:0; position:relative"><!--Outdiv set relative and z-index to 0 here -->
   <div class="arrow-left" style="z-index:2; position: fixed; height: 100%; width: 100%;"></div>
   <div class="meta" style="z-index:1; position: relative;">
       <div class="description">description <a href="link" style="z-index:3; position: relative;">link</a> description
   </div>
</div>

このようにして、外側の div を相対的に設定してインデックスのグラウンド 0 を作成し、それを z-index 0 のようなメイン フロアとして指定します。このようにして、後で z-index に従って他の障害を回避します。

于 2012-09-12T10:04:54.497 に答える
0

あなたの質問は論理的に間違っています!

(.arrow-left) を (.meta) の中に入れるだけで機能します。

<div class="meta" style="z-index:1; position: relative;">
<div class="arrow-left" style="z-index:2; position: fixed; height: 100%; width: 100%;"></div>
<div class="description">description <a href="link" style="z-index:3; position: relative;">link</a> description</div>
</div>
于 2012-09-12T09:57:10.873 に答える