Fiz um site pra escola onde trabalho e tudo funciona corretamente no Google Chrome e no Firefox e em alguns iPhone não sei qual a versão funcionou o vídeo mas não o z-index e em outros não funcionou nem o vídeo nem o z-index o site é www.escolaprimeira.com.br o vídeo do começo era pra ser autoplay mas vi q o autoplay não funciona no safari mas os q não tem tbm não funciona, e o menu era pra ser exibido a cima de qualquer coisa na página mas o z-index não tá funcionando tbm, alguém da uma luz
A propriedade CSS z-index (índice z, índice de cota ou índice do 3º eixo, ou índice de profundidade) especifica a ordem de um elemento na pilha de elementos HTML quando utilizado o posicionamento, ou seja, quando o posicionamento for absoluto, relativo, fixado ou aderente (sticky). Em outras palavras, não funciona com o posicionamento padrão (static).
Um elemento HTML está mais ao topo da pilha, quando maior for o valor de z-index.
De acordo com o site W3Schools (CSS z-index property), essa propriedade é suporta por todos os browsers mais conhecidos, mas depende da versão:
-> Chrome: 1.0
-> IE/Edge: 4.0
-> Firefox: 3.0
-> Safari: 1.0
-> Opera: 4.0