Articles of z index

Problema do IE7 Z-Index – Menu de Contexto

Eu tenho o seguinte botão com o menu de contexto associado Action Remove Detail Assign Quando o botão é clicado, o ul associado aparece abaixo dele como um menu de contexto. Isso está funcionando muito bem em todos os navegadores, exceto no IE 7. No IE7, o menu de contexto (ul) é exibido abaixo do […]

Como usar o z-index em elementos svg?

Estou usando os círculos svg no meu projeto assim, E estou usando o z-index na tag g para mostrar os elementos do primeiro. No meu projeto eu preciso usar apenas o valor z-index, mas não posso usar o z-index para meus elementos svg. Eu pesquisei muito, mas não encontrei nada relativamente. Então, por favor me […]

Como obter um elemento pai para aparecer acima do filho

Eu tenho dois elementos CSS nesteds. Eu preciso que o pai esteja no topo, ou seja, acima no eixo z, do elemento filho. Apenas definir o índice z não é suficiente. Não consigo definir um z-index negativo no filho, isso é definido abaixo do contêiner de página na minha página real. Esse é o único […]

Quais propriedades CSS criam um contexto de empilhamento?

Estou estudando sobre o empilhamento de contextos e fazendo alguns testes com as propriedades que criam um contexto de empilhamento. Fiz vários testes e descobri que, além do z-index , é claro, as seguintes propriedades também criam um contexto de empilhamento: transform diferente de none ; opacity diferente de 1 ; E perspective . Existem […]

z-index é cancelado configurando-se transform (girar)

Usando a propriedade transform, o z-index é cancelado e aparece na frente. (Ao comentar -webkit-transform, o z-index está funcionando corretamente no código abaixo) .test { width: 150px; height: 40px; margin: 30px; line-height: 40px; position: relative; background: white; -webkit-transform: rotate(10deg); } .test:after { width: 100px; height: 35px; content: “”; position: absolute; top: 0; right: 2px; -webkit-box-shadow: […]

É possível definir a ordem de empilhamento de pseudo-elementos abaixo de seu elemento pai?

Eu estou tentando estilizar um elemento com o seletor de CSS :after pseudo element #element { position: relative; z-index: 1; } #element::after { position:relative; z-index: 0; content: ” “; position: absolute; width: 100px; height: 100px; } Parece que o elemento ::after não pode ser menor que o próprio elemento. Existe uma maneira de ter o […]

Entendendo a ordem de empilhamento z-index

Estou um pouco confuso sobre o uso do z-index para decidir a ordem da pilha. Eu não entendo muito bem como os navegadores tratam os elementos com a propriedade position em conjunto com aqueles sem ele. Existe uma regra geral para decidir a ordem de empilhamento dos elementos, se ele posicionou ou não os elementos […]

Problemas de Camadas do IE7 Z-Index

Eu isolei um pequeno caso de teste do bug z-index do IE7, mas não sei como consertá-lo. Eu tenho jogado com z-index dia todo. O que há de errado com o z-index no IE7? CSS de teste: input { border: 1px solid #000; } div { border: 1px solid #00f; } ul { border: 1px […]

z-index não funciona com posicionamento fixo

Eu tenho um div com posicionamento padrão (isto é, position:static ) e um div com uma posição fixed . Se eu definir os índices z dos elementos, parece impossível fazer com que o elemento fixo fique atrás do elemento estático. #over { width: 600px; z-index: 10; } #under { position: fixed; top: 5px; width: 420px; […]