Pergunta

Eu tenho um caso onde uma 3ª anúncio partido está sangrando pela minha implementação de janela modal. Eu gostaria de o z-index da sobreposição modal mais alto possível para que o anúncio não será mostrado em cima dela. Existe um limite para os valores z-index? Tenho certeza que se há isto varia de acordo com browser. Alguém sabe?

Foi útil?

Solução

Tenha em mente que z-index não funcionar globalmente, mas apenas dentro de um 'contexto de empilhamento' (que tem difícil de digerir definição em CSS), e se o anúncio estabelece o seu próprio contexto de empilhamento, então os valores z-index você definiu em outro lugar não pode afetá-lo em tudo.

No entanto mais provável é uma questão de "janelas" Flash (objeto sem atributo wmode=transparent), que navegadores render em cima de tudo, como se havia uma janela janela do navegador acima . Nesse caso z-index não vai ajudar em nada. Você vai precisar de força ad [-provider] para usar wmode=transparent ou usar alguns hacks loucos com iframes.

Outras dicas

valor máximo zIndex apoiada pela maioria dos navegadores é 2147483647 (2 ^ 31-1), mas o Opera 9.2 não aceitar valores maiores do que 2147483583; Eles fixas na versão 9.5.

Não realmente, mas você pode considerar as limitações naturais de um sistema, como uma faixa de int. Eu provavelmente mantê-lo sob 32.767 . Eu definitivamente ultrapassado que, em javascript, enquanto trabalhava em um problema semelhante, e não encontrar quaisquer problemas nos principais navegadores e plataformas que eu estava preocupado com o tempo.

No caso de anúncios 3rd party e sobreposições, certificando-se de que wmode = "transparent" no Flash Player é um problema comum ao longo das mesmas linhas. Também digno de nota que o IE tem um bug com empilhamento z-índices, por isso, se você não está vendo o sucesso, certifique-se que você não está batendo sua cabeça contra a parede com aquele *.

Eu gosto sempre de manter a algum tipo de, e não usar figuras arbitrárias convenção . Por exemplo, talvez tudo na minha css cai entre 0 e 10 . Talvez coisas dhtml acontece em valores de lugar a 100 de, com um índice z significativo para um determinado módulo.

* Sidenote: O erro IE, para ser mais específico, é que o IE considera um novo exemplo de fluxo de documentos para ser um novo contexto de empilhamento para índice z. Você precisa ter certeza de que seus z-índices não estão sendo perdidos na hierarquia DOM quando um nó filho que normalmente seria herdar o seu índice z está sendo processado seu próprio contexto de posicionamento.

http: // techtrouts.com/is-there-a-limit-to-the-css-z-index-property/ :

Teoricamente a propriedade z-index deve ser ilimitada, ou pelo menos dentro de uma faixa tipo int, dependendo do sistema operacional e browser. No entanto, para evitar bugs do navegador você deve limitar os seus valores z-índice para +/- 32767.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top