Question

Is there a possiblility to bring a html element to front without increasing it’s z-index? All elements having the same z-index overlap depending on there order in the DOM. I could remove the element and append it to it’s parent again – but is there any nicer solution?

Edit:

Keeping an array of all rects, set all rect’s z-index to x and the just hovered to x+1 does the trick, but needs an array.

Answer 1

It would probably work if you wrote your HTML code from bottom positioning to top, since the browser reads the code from the top of the file to the bottom. Still, using z-index is a lot safer and more efficient.