z-index und geschachtelte divs: Kind unter Parent anzeigen
Matthias
- css
Hallo zusammen,
ich habe folgendes Problem:
Ich habe zwei relativ positionierte ineinandergeschachtelte divs. Jetzt möchte ich erreichen, dass das Elternelement über dem Kindelement angezeigt wird, also das Kindelement überdeckt.
Zur Verdeutlichung siehe
http://de.selfhtml.org/css/eigenschaften/anzeige/z_index.htm
Ich möchte gern den blauen Hund auch im IE unter dem grauen Rechteck haben.
Gibt es da eine Möglichkeit? Wenns nicht anders geht kann es auch ein CSS-Hack oder JS-Workaround sein.
Danke für eure Hilfe!
Ich verstehe Dein Problem nicht. Du schreibst die Lösung ->
http://de.selfhtml.org/css/eigenschaften/anzeige/z_index.htm hier ins Forum und Fragst noch?!
Wo genau ist das Problem?
Gruß, Markus!
Die Frage steht doch eigentlich recht deutlich drin:
Ich möchte gern den blauen Hund _auch im IE_ unter dem grauen
Rechteck haben.
Vielleicht hätte ich dazu sagen sollen, dass das _hellblaue_ Hundebild gemeint ist. Das steckt nämlich in einem Container, der sich innerhalb des grauen Rechtecks befindet.
Das mit dem z-index -1 funktioniert nur im Firefox, weil dieser CSS 2.0 anwendet. Opera & Internet Explorer wenden CSS 2.1 an und können darum Kindelemente nicht per z-index unter ihre Elternelemente anordnen. So stehts zumindest in SelfHTML, nämlich hier: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index
Also nochmal die allgemeine Frage: Wie kann ich im _IE_ erreichen, das ein Kindelement _unterhalb_ des Elternelementes positioniert wird?
Das mit dem z-index -1 funktioniert nur im Firefox, weil dieser CSS 2.0 anwendet. Opera & Internet Explorer wenden CSS 2.1 an und können darum Kindelemente nicht per z-index unter ihre Elternelemente anordnen. So stehts zumindest in SelfHTML, nämlich hier: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index
Also nochmal die allgemeine Frage: Wie kann ich im _IE_ erreichen, das ein Kindelement _unterhalb_ des Elternelementes positioniert wird?
Du weißt, dass es nicht funktioniert, überlege doch mal ob Du es anders Konstruieren kannst?
Du weißt, dass es nicht funktioniert, überlege doch mal ob Du es anders Konstruieren kannst?
Nur weil es mit "z-index: -1" nicht funktioniert, heisst doch nicht dass es garnicht geht. Und wenn ich wüsste wie ich es anders lösen kann müsste ich hier nicht fragen. Aber wenn die Antwort lautet "das geht nicht" wäre mir auch weitergeholfen.
Die html-Struktur selbst:
<div class="parent">[...]<div class="child">[...]</div></div>
kann ich leider nicht ohne hohen Aufwand ändern.
(Da ist einiges an Javascript im Spiel das davon ausgeht, das .child ein unterelement von .parent ist. Ausserdem sind es natürlich nicht nur zwei divs, sondern 6 .parent-divs mit je 5-15 .child-divs, die wiederum relativ komplexe Inhalte haben)
Ich habe das Problem immer noch... vielleicht erbarmt sich ja noch jemand? Nochmal die Frage (sicher ist sicher:) Kann man den IE dazu bringen, ein relativ positioniertes Element _über_ seinem Kindelement (beides divs) anzuzeigen? Wenn ja wie? Es darf auch JS sein. Es darf sogar irgendwelche obskuren IE-only Eigenschaften benutzen. Weiss jemand was?