Uma coisa que sempre tive impressão no CSS de ser a coisa mais desorganizada é o uso do z-index
.
Muitas vezes alguns frameworks/bibliotecas, ou até mesmo alguns desenvolvedores, colocam um valor exagerado no z-index
, causando problemas com organização dos mesmos.
Eu sempre me perguntei, por exemplo, se existia uma maneira de pegar o z-index
máximo usado em todo o documento (imagino que, se for possível, somente pelo Javascript). Por exemplo, se o elemento a
usa z-index
2 e o b
usa 3
, haveria alguma forma de capturar o 3
e o respectivo elemento?
Outra coisa: Existe alguma alternativa, padrão ou organização para evitar a confusão em relação ao uso do z-index
? Atualmente, eu praticamente tenho que lembrar onde, em cada parte do projeto, defini os atributos z-index
e ir incrementando "mentalmente".
Existe alguma maneira mais fácil de organizar a utilização de um z-index
num projeto grande, para evitar transtornos com sobreposição? Existe algum outro atributo?
Observação: Eu lembro até de já ter perguntando algo parecido, mas dessa vez a dúvida é outra.