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.
Trvalý odkaz