Als «z-index» getaggte Fragen

Der Z-Index repräsentiert die Reihenfolge in der Z-Ebene, in der ein Element erscheint. Ein Element mit höherer Stapelreihenfolge steht immer vor einem anderen Element mit niedrigerer Stapelreihenfolge. Es ist in den meisten GUI-Frameworks (sowohl Web als auch Desktop) verfügbar.

11
Minimaler und maximaler Wert des Z-Index?
Ich habe ein Div in meiner HTML-Seite. Ich zeige dieses Div basierend auf einer bestimmten Bedingung, aber das Div wird hinter dem HTML-Element angezeigt, auf das ich mit dem Mauszeiger gezeigt habe. Ich habe alle Werte für den Z-Index von 0 bis 999999 ausprobiert. Kann mir jemand sagen, warum dies …
518 html  css  z-index 
8
Z-Index funktioniert nicht mit fester Positionierung
Ich habe eine divmit Standardpositionierung (dh position:static) und eine divmit einer fixedPosition. Wenn ich die Z-Indizes der Elemente setze, scheint es unmöglich, das feste Element hinter das statische Element zu bringen. #over { width: 600px; z-index: 10; } #under { position: fixed; top: 5px; width: 420px; left: 20px; border: 1px …
422 css  z-index 
11
Platzieren / Überlappen (Z-Index) einer Ansicht über einer anderen Ansicht in Android
Ich habe ein lineares Layout, das aus Bildansicht und Textansicht besteht, untereinander in einem linearen Layout. <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> Möglicherweise fehlen einige Regeln. Dies soll eine Vorstellung davon geben, wie das Layout aussieht. Ich möchte eine weitere …
4
Warum funktioniert der Z-Index nicht?
Wenn ich das z-indexrichtig verstehe , wäre es in dieser Situation perfekt: Ich möchte das untere Bild (das Tag / die Karte) unter dem Div darüber platzieren. Sie können also die scharfen Kanten nicht sehen. Wie mache ich das? z-index:-1 // on the image tag/card oder z-index:100 // on the …
178 html  css  z-index 
11
Probleme mit der IE7-Z-Index-Schichtung
Ich habe einen kleinen Testfall des IE7- z-indexFehlers isoliert , weiß aber nicht, wie ich ihn beheben soll. Ich habe den z-indexganzen Tag mit gespielt. Was ist los mit z-indexIE7? CSS testen: input { border: 1px solid #000; } div { border: 1px solid #00f; } ul { border: 1px …
13
Wie verwende ich den Z-Index in SVG-Elementen?
Ich benutze die SVG-Kreise in meinem Projekt so, <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> Und ich benutze den Z-Index im gTag, um die Elemente zuerst anzuzeigen. In meinem Projekt …
6
CSS Z-Index Paradox Blume
Ich möchte über die z-index CSS- Eigenschaft einen paradoxen Effekt erzeugen . In meinem Code habe ich fünf Kreise, wie im Bild unten, und alle sind absolut ohne Definition positioniert z-index. Daher überlappt standardmäßig jeder Kreis den vorherigen. Im Moment überlappt Kreis 5 Kreis 1 (linkes Bild). Das Paradoxon, das …
98 css  z-index 
4
Bringen Sie das Element mit CSS nach vorne
Ich kann nicht herausfinden, wie ich Bilder mit nach vorne bringen kann CSS. Ich habe bereits versucht, den Z-Index auf 1000 und die Position auf Relativ zu setzen, aber es schlägt immer noch fehl. Hier ist ein Beispiel: #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) …
86 html  css  z-index  jsfiddle 
6
Der Z-Index wird durch Einstellen der Transformation (Drehen) gelöscht.
Mit der Transformationseigenschaft wird der Z-Index gelöscht und vorne angezeigt. (Beim Auskommentieren von -webkit-transform funktioniert der Z-Index im folgenden Code ordnungsgemäß.) .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; …
84 css  z-index  transform 
6
Schweben Sie ein Div über den Seiteninhalt
Ich habe ein Popup-Feld implementiert, in dem Suchoptionen dynamisch angezeigt werden. Ich möchte, dass die Box über dem gesamten Inhalt der Website "schwebt". Wenn das Feld angezeigt wird, wird derzeit der gesamte Inhalt darunter verschoben und es sieht schlecht aus. Ich glaube, ich habe bereits versucht, den Z-Index des Div …
80 css  z-index 
3
CSS-Box-Shadow versteckt (Z-Index nicht behoben)
Ich habe einen Kastenschatten auf meinem #primaryNavDiv. Leider wird der Schatten vom Hintergrund des folgenden #pageElements verdeckt / ausgeblendet . Ich habe versucht, einen Z-Index von 100 auf #primaryNavund einen Z-Index von -100 auf #page festzulegen, aber das behebt mein Problem nicht. Irgendwelche Ideen, was ich falsch mache?
72 z-index  css 
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.