Ich entwickle eine durch und durch CSS-basierte Website, die die Verwendung von z-index mehrmals erfordert, wobei der Wert von -10000 bis zu mehr 50000 reicht.
Erhöht die Verwendung von z-index messbar die Zeit, die ein unterstützter Browser zum Rendern der Webseite benötigt? Wird z-index als eine gute Praxis angesehen oder gibt es andere Alternativen, die entweder (1) schneller zu rendern und / oder (2) allgemeiner akzeptabel sind?
Z-Index sind relativ, nicht absolut. Ein Element mit dem Z-Index 1.000.000 wird vor Elementen mit niedrigerem Z-Index und hinter Elementen mit höherem Z-Index gerendert. Dies bedeutet nicht, dass der Browser 1.000.000 Ebenen erstellt.
Ich denke, es ist die Anzahl der verschiedenen Z-Indizes ( Stapelkontexte um genau zu sein) das zählt.
Sie können immer sicherstellen, dass die Elemente in der richtigen Reihenfolge in Ihrem Dokument sind. Alles, was im Dokument niedriger ist, wird vor etwas höherem im Dokument gerendert. Es ist vielleicht nicht die einfachste Sache, Server-Seite zu implementieren, aber das entspricht sicherlich Ihren Anforderungen:
1) schneller zu rendern
Wahrscheinlich ist dies der Standard-DOM-Rendering-Mechanismus.
2) allgemeiner akzeptabel
Sicherlich.
Tags und Links css performance z-index