Perguntas com a marcação «z-index»

518
Valor mínimo e máximo do índice z?

Eu tenho uma div na minha página HTML. Estou mostrando essa div com base em alguma condição, mas a div está sendo exibida atrás do elemento HTML onde apontei o cursor do mouse. Eu tentei todos os valores para o índice z de 0 a 999999. Alguém pode me dizer por que isso está acontecendo? Existe...

422
O z-index não funciona com posicionamento fixo

Eu tenho um divcom posicionamento padrão (ou seja position:static) e um divcom uma fixedposição. Se eu definir os índices z dos elementos, parece impossível fazer o elemento fixo ficar atrás do elemento estático. #over { width: 600px; z-index: 10; } #under { position: fixed; top: 5px;...

181
Por que o z-index não funciona?

Então, se eu entendi z-indexdireito, seria perfeito nessa situação: Quero colocar a imagem inferior (a etiqueta / cartão) abaixo da div acima dela. Então você não pode ver as arestas afiadas. Como eu faço isso? z-index:-1 // on the image tag/card ou z-index:100 // on the div above também não...

163
Problemas de camadas do índice Z do IE7

Eu isolei um pequeno caso de teste do z-indexbug do IE7 , mas não sei como corrigi-lo. Eu tenho jogado o z-indexdia todo. O que há de errado z-indexno IE7? Teste CSS: input { border: 1px solid #000; } div { border: 1px solid #00f; } ul { border: 1px solid #f00; background-color: #f00;...

154
Como usar o z-index nos elementos svg?

Estou usando os círculos svg no meu projeto assim, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" />...

98
Flor de paradoxo do Z-index CSS

Eu gostaria de criar um efeito paradoxal por meio da propriedade z-index CSS . No meu código tenho cinco círculos, como na imagem abaixo, e todos eles estão absolutamente posicionados sem nenhum definido z-index. Portanto, por padrão, cada círculo se sobrepõe ao anterior. No momento, o círculo 5...

87
Traga o elemento para a frente usando CSS

Não consigo descobrir como trazer as imagens para a frente usando CSS. Já tentei definir o índice z como 1000 e a posição como relativa, mas ainda falhou. Aqui está um exemplo #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background:...