Ich habe aktuell mit folgendem Problem zu kämpfen:
Ich habe eine isometrische Karte, heißt viele div-Frames die sich übernander überlappen.
Nun will ich ein div-Frame, welches sich mitten in der Karte befindet verschieben.
Nach oben ist np, da diese div-Frames automatisch unter dem zu bewegenden liegen.
Jedoch wenn ich es nach unten bewegen will verschwindet es logischer Weise.
Theoretisch müsste ich das ja mit z-index lösen können. Funktioniert auch! Doch leider nur im FF (nur FF & IE7 getestet).
Gibt es noch eine andere Möglichkeit, um das Element in den Vordergrund zu bekommen? Oder benutze ich z-index falsch (z-index von dem zu bewegenden div frame ist höher als die darunter liegenden)?
Wäre für Hilfe dankbar!
Grüße
Z-index vs. IE
gepostet vor 17 Jahre, 4 Monate von n26
gepostet vor 17 Jahre, 4 Monate von raufaser
Also ich arbeite um meine Dungeons zu rendern auch mit Layern und z-index.
z.b hier: game.thegeekserver.de/public/screenshot4.jpg
Es ist so, dass die Elemente, die oben sind (also zuerst zu sehen sind) einen hohen z-index haben. Elemente die darunter liegen einen niedrigeren z-index.
Ich habe mit der Darstellung in bisher keinem Browser Probleme gehabt (Opera, IE 6 + 7, FF). Aus einem anderen Projekt weiß ich auch, dass die Änderung des z-index per JavaScript auch "eigentlich" keine Probleme bereitet.
Poste doch mal ein einen Link oder Beispielcode, damit man sich das mal ansehen kann.
Gruß,
Marc
z.b hier: game.thegeekserver.de/public/screenshot4.jpg
Es ist so, dass die Elemente, die oben sind (also zuerst zu sehen sind) einen hohen z-index haben. Elemente die darunter liegen einen niedrigeren z-index.
Ich habe mit der Darstellung in bisher keinem Browser Probleme gehabt (Opera, IE 6 + 7, FF). Aus einem anderen Projekt weiß ich auch, dass die Änderung des z-index per JavaScript auch "eigentlich" keine Probleme bereitet.
Poste doch mal ein einen Link oder Beispielcode, damit man sich das mal ansehen kann.
Gruß,
Marc
gepostet vor 17 Jahre, 4 Monate von n26
Ich bin am verzweifeln. Es ist irgendwie nicht möglich, ein Bsp dafür zu erstellen. Denn in den Bsp. funktioniert es immer
Habe auch noch mal geguckt ob wirklich bei allen über-div-frames der z-index kleiner ist und er ist es... auch logisch denn sonst würde es im FF ja auch nicht funtkionieren.
Auf den Gedanken hin, das IE nicht mit so vielen div Frames zurecht kommt, habe ich meine Karte mal nur auf 2x2 (statt vorher 12x12) beschränkt aber trotzdem keine Besserung.
Aber auch genug für heute, ich werde morgen nochmal gucken ob es was bringt vor dem Bewegen den z-index nochmals zu setzen.
Grüße
Habe auch noch mal geguckt ob wirklich bei allen über-div-frames der z-index kleiner ist und er ist es... auch logisch denn sonst würde es im FF ja auch nicht funtkionieren.
Auf den Gedanken hin, das IE nicht mit so vielen div Frames zurecht kommt, habe ich meine Karte mal nur auf 2x2 (statt vorher 12x12) beschränkt aber trotzdem keine Besserung.
Aber auch genug für heute, ich werde morgen nochmal gucken ob es was bringt vor dem Bewegen den z-index nochmals zu setzen.
Grüße
gepostet vor 17 Jahre, 4 Monate von Klaus
Das ist ein "Bug" im IE: therealcrisp.xs4all.nl/ie7beta/css_zindex.html
gepostet vor 17 Jahre, 4 Monate von n26
Der IE Bug war nicht dran Schuld, da ich keine relative Positionierung genutzt habe.
Ich habe jetzt weniger div-Frames in div-Frames und jetzt gehts. Der IE war wohl mit den vielen Childs überlastet, kA.
Danke aber für die Hilfe!
Grüße
Ich habe jetzt weniger div-Frames in div-Frames und jetzt gehts. Der IE war wohl mit den vielen Childs überlastet, kA.
Danke aber für die Hilfe!
Grüße
gepostet vor 17 Jahre, 4 Monate von COrthbandt
Bei z-Index muss man aber ein bischen aufpassen, wenn man verschachtelte DIVs benutzt.
Die verschiedenen Browser gehen damit leider unterschiedlich um.
Opera z.B. bewertet alle z-Index-Werte als global und nicht lokal zum umgebenden Container.
Wir sind dazu übergegangen, die Divs überwiegend ohne z-Index zu halten und lieber die DOMElemente umzusortieren. Das funzt überall gleich.
Die verschiedenen Browser gehen damit leider unterschiedlich um.
Opera z.B. bewertet alle z-Index-Werte als global und nicht lokal zum umgebenden Container.
Wir sind dazu übergegangen, die Divs überwiegend ohne z-Index zu halten und lieber die DOMElemente umzusortieren. Das funzt überall gleich.
gepostet vor 17 Jahre, 4 Monate von Klaus
Das reicht leider nicht bei komplexen Strukturen. Ich habe alle Map-Elemente in einer Ebene und dann wird der z-Index auch gleich interpretiert.
gepostet vor 17 Jahre, 4 Monate von n26
Vor heute hatte ich ca folgende Struktur:
Container für die Map
... Container für ein Feld *
...... Lade-gif unter dem Feld
...... Container für die einzelnen Feldgrafiken *
......... Untergrund-Grafik
......... Land-Grafik
......... usw.
jetzt habe ich die mit dem * entfernt, d.h. ich habe nur noch einen Container für die komplette Map und z-index würd nun von IE korrekt interpretiert.
Musste zwar viel umschreiben, da viele der Elemente durch die mehrfachte Unterteilung mit Containern mit top: 0; left: 0; positioniert werden konnten ... nun muss ich halt den Abstand vom Container der kompletten Map verwenden.
Container für die Map
... Container für ein Feld *
...... Lade-gif unter dem Feld
...... Container für die einzelnen Feldgrafiken *
......... Untergrund-Grafik
......... Land-Grafik
......... usw.
jetzt habe ich die mit dem * entfernt, d.h. ich habe nur noch einen Container für die komplette Map und z-index würd nun von IE korrekt interpretiert.
Musste zwar viel umschreiben, da viele der Elemente durch die mehrfachte Unterteilung mit Containern mit top: 0; left: 0; positioniert werden konnten ... nun muss ich halt den Abstand vom Container der kompletten Map verwenden.
gepostet vor 17 Jahre, 4 Monate von Klaus
kann ich dir nachempfinden.
Immerhin baut JS diese einfachere Struktur viel schneller auf.
Immerhin baut JS diese einfachere Struktur viel schneller auf.