13. 1. 2009

Z-index index

Na složitějších webech je potřeba zachovat pořádek v hodnotách z-index u všech CSS pravidel. Osvědčilo se mi evidovat v centrálního stylopisu všechny hodnoty i s komentářem. Například:

/* ===== Z-index "index" ===== 

Karusel:
1           .jcarousel-list - vsechny prvky karuselu
2           .jcarousel-clip - viditelna cast karuselu v jCarouselu
3           .jcarousel-next, .jcarousel-prev - navigace v jCarouselu

Layout:
300         #program-navigation - programova navigace        

Kalendar:
840         #calendar-overlay -  prekryvaci polopruhledna vrstva pod kalendarem
851-900     #calendar .day li - rezervovano pro predstaveni v ramci kalendare
950         #app-is-staging - informace o tom, ze si prohlizime staging verzi nahore v hlavicce

*/

Z-index index dělím do sekcí podle typu konstrukce. Lze tak rychle zjistit, kam umístit vrstvu nového prvku.

Komentáře

Tagy: css

blog comments powered by Disqus