プログラミング z-index

11

HTMLページにdivがあります。何らかの条件に基づいてこのdivを表示していますが、マウスカーソルをポイントしたHTML要素の後ろにdivが表示されています。私は0〜999999のz-indexのすべての値を試しました。これがなぜ起こっているのか誰にも教えてもらえますか？ CSSのZ-INDEXプロパティの最小値または最大値はありますか？ .divClass { position: absolute; left: 25px; top: 25px; width: 320px; height: 300px; z-index: 1000; } <table cellspacing="0" cellpadding="0" width="100%"> <tr> <td> <asp:HyperLink ID="lnkProgram" runat="server"></asp:HyperLink> </td> </tr> <tr> <td> <div class="divClass"> Some Data </div> </td> </tr> </table> コードスニペットを実行する結果を非表示スニペットを展開私は.divClass、<asp:hyperlink>jQueryを使用してonclickでdivを表示および非表示にしています。

518 html css z-index

8

z-indexが固定位置で機能しない

私が持っているdivデフォルトの位置（すなわち付きposition:static）とdivでfixed位置を。要素のz-indexを設定した場合、固定要素を静的要素の背後に配置することは不可能のようです。 #over { width: 600px; z-index: 10; } #under { position: fixed; top: 5px; width: 420px; left: 20px; border: 1px solid; height: 10%; background: #fff; z-index: 1; } <!DOCTYPE html> <html> <body> <div id="over"> Hello Hello HelloHelloHelloHelloHello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello </div> <div …

422 css z-index

9

iPhone UIView zインデックスを設定する方法？

あるビューを別のビューの上に移動したいのですが、ビューのzインデックスを確認するにはどうすればよいですか。

252 ios uiview position z-index

11

Androidで別のビューの上にビューを配置/オーバーラップ（z-index）

imageviewとtextviewで構成される線形レイアウトがあり、線形レイアウトで上下に配置されています。 <LinearLayout android:orientation="horizontal" ... > <ImageView android:id="@+id/thumbnail" android:layout_weight="0.8" android:layout_width="0dip" android:layout_height="fill_parent"> </ImageView> <TextView android:id="@+id/description" android:layout_weight="0.2" android:layout_width="0dip" android:layout_height="wrap_content"> </TextView> いくつかのルールが欠落している可能性があります。これは、レイアウトがどのように見えるかを示すためです。私は長さと幅が50dipの別の小さなテキストビューをイメージビューの上に配置したいと思います。「オーバー」とは、イメージビューよりもZ-indexの方が大きいことを意味します。 Zインデックスを変えて（できれば線形レイアウトで）1つのビューを他のビューの上に配置する方法を知りたいですか？

230 android android-layout z-index

4

Z-indexが機能しないのはなぜですか？

だから私がz-index正しく理解していれば、この状況では完璧です：下の画像（タグ/カード）を、その上のdivの下に配置します。したがって、鋭いエッジは見えません。どうすればよいですか？ z-index:-1 // on the image tag/card または z-index:100 // on the div above どちらも機能しません。また、このような組み合わせもありません。どうして？

181 html css z-index

11

IE7 Z-Indexレイヤー化の問題

IE7のz-indexバグの小さなテストケースを分離しましたが、それを修正する方法がわかりません。私はz-index一日中遊んでいます。 z-indexIE7の何が問題になっていますか？ CSSのテスト： input { border: 1px solid #000; } div { border: 1px solid #00f; } ul { border: 1px solid #f00; background-color: #f00; list-style-type: none; margin: 0; padding-left: 0; z-index: 1000; } li { color: #fff; list-style-type: none; padding-left: 0; margin-left: 0; } span.envelope { position: relative; } …

163 css internet-explorer-7 z-index

13

svg要素でz-indexを使用するには？

私はこのような私のプロジェクトでsvgサークルを使用しています、 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> また、gタグでz-indexを使用して、最初の要素を表示しています。私のプロジェクトでは、z-index値のみを使用する必要がありますが、svg要素にz-indexを使用できません。私はたくさんグーグルしましたが、比較的何も見つかりませんでした。それで、私のsvgでz-indexを使用するのを手伝ってください。これがデモです。

154 javascript jquery svg z-index

6

CSS z-indexパラドックスフラワー

を介して逆説的な効果を作成したいと思います z-index CSSプロパティをます。私のコードでは、下の画像のように5つの円があり、それらはすべて定義されていない絶対的な位置にあります z-index。したがって、デフォルトでは、すべての円が前の円と重なっています。現在、円5は円1とオーバーラップしています（左の画像）。私が達成したいパラドックスは、同時に、サークル1をサークル2の下に、サークル5の上に（右の画像のように）持つことです。（ソース：schramek.cz）これが私のコードですマークアップ： <div class="item i1">1</div> <div class="item i2">2</div> <div class="item i3">3</div> <div class="item i4">4</div> <div class="item i5">5</div> CSS .item { width: 50px; height: 50px; line-height: 50px; border: 1px solid red; background: silver; border-radius: 50%; text-align: center; } .i1 { position: absolute; top: 30px; …

98 css z-index

4

CSSを使用して要素を前面に移動します

を使用して画像を前面に表示する方法がわかりませんCSS。z-indexを1000に、positionをrelativeに設定しようとしましたが、それでも失敗します。ここに例があります- #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) right top no-repeat; } .logo-class { height: 128px; } .content { margin-left: auto; margin-right: auto; table-layout: fixed; border-collapse: collapse; } .td-main { text-align: center; padding: 80px 10px 80px 10px; border: 1px solid #A02422; background: #ABABAB; } …

87 html css z-index jsfiddle

6

transform（rotate）を設定すると、z-indexがキャンセルされます。

変換プロパティを使用すると、z-indexがキャンセルされ、前面に表示されます。（-webkit-transformをコメントアウトすると、z-indexは以下のコードで正しく機能します） .test { width: 150px; height: 40px; margin: 30px; line-height: 40px; position: relative; background: white; -webkit-transform: rotate(10deg); } .test:after { width: 100px; height: 35px; content: ""; position: absolute; top: 0; right: 2px; -webkit-box-shadow: 0 5px 5px #999; /* Safari and Chrome */ -webkit-transform: rotate(3deg); /* Safari and Chrome */ transform: …

85 css z-index transform

6

ページコンテンツの上にdivをフロートする

検索オプションを動的に表示するポップアップボックスを実装しました。ボックスをすべてのサイトコンテンツの上に「フロート」させたい。現在、ボックスが表示されると、その下のすべてのコンテンツが置き換えられ、見栄えが悪くなります。ボックスのdivのz-indexを残りのページコンテンツのz-indexに設定しようとしましたが、それでもうまくいきません。

81 css z-index

タグ付けされた質問 「z-index」

タグ付けされた質問「z-index」