Hallo ihr CSS-Gurus,

ich habe zur Zeit das Problem, dass sich meine Elemente nicht an die Reihenfolge des z-indexes halten wollen.

Wer sich direkt ein Bild von der Lage machen will: Klick!

Meine Elemente sind folgendermaßen aufgebaut:

Code :

1 2 3 4

<element 1 (z-index: 5)>     <unterelement 1 (z-index: auf 9999 beim drag erhöht)> <element 2 (z-index: 5)>     <unterelement 1 (z-index: 700)>

Jetzt wird dooferweise Element 1.1 beim Drag unter Element 2 angezeigt - was ziemlich verwirrend für den Benutzer ist. (Drag des Items vom Charakter in den Inventarbildschirm)

Gibt es da ne Möglichkeit, dass man das Element (in dem Fall hier die .item Klasse) immer in den Vordergrund holt? Javascripts dazu wären auch gern gesehen.

(Fehl-)Versuche bisher:

1. Element 1 einen höheren z-index geben: Sinnlos, dann ist das Problem beim vom Element 2 ins Element 1 draggen
2. Mit Javascript beim Überfahren von Element 1 oder Element 2 dem entsprechenden Element einen niedrigeren z-index geben

(Ignoriert werden sollen übrigens der Programmierstil & die Grafik da das nur ne Technikdemo sein soll und die Grafiken in 5 Sekunden entstanden sind )

Grüße
~queicherius

Problem gelöst, mit einer Javascriptfunktion die den z-index erhöht hat - ging wohl doch.