valor de índice z do elemento não pode ultrapassar um do conteúdo iframe

StackOverflow https://stackoverflow.com/questions/122865

  •  02-07-2019
  •  | 
  •  

Pergunta

Eu tenho um div e um iframe na página o div tem

z-index: 0;

o iframe tem o seu conteúdo com um pop-up ter um z-index de 1000

z-index: 1000;

No entanto, o div ainda ofusca o pop-up no IE (mas funciona perfeitamente no Firefox).

Alguém sabe o que eu posso fazer?

Foi útil?

Solução

Explorador do Z-index bug

Em geral, http://www.quirksmode.org/ é uma excelente referência para este tipo de coisa.

Outras dicas

Qual versão do IE?

Eu não sou nenhum guru javascript, mas eu acho que esconder a div quando os pops de popup pode realizar o que você precisa.

Eu tive que trabalhar com divs e iframes ao criar um menu javascript que deve mostrar overtop suspensa caixas e caixas de listagem - outras implementações de menu apenas ocultar esses itens cujo comportamento padrão no IE6 é mostrar em cima de qualquer DIV, não importa o índice z.

Eu enfrentam o mesmo problema. O problema no meu caso é que o conteúdo do iframe não é controlado pelo IE diretamente, mas por Acrobat, pois é um arquivo pdf. Você pode tentar mostrar o iframe sem o conteúdo, caso em que os pop-up exibe normalmente. Por alguma razão IE não é capaz de controlar o índice z para ajudantes externos.

Foi testado com o IE7

Sem ver seu código, é difícil determinar o problema. Mas é importante notar que z-index só funciona quando o elemento foi posicionado (por exemplo position: absolute;), então talvez isso poderia ser um problema?

Há um artigo bom em CSS Z-index a partir do Centro Mozilla Developer.

Sem ver um trecho de código, é difícil determinar qual é o problema. Você pode querer tentar anexar um iframe sob o seu pop-up que é do mesmo tamanho que o seu pop-up. Com IE7 se tornar o pop-up iframed após o outro iframe já carregado, você deve ser capaz de encobrir os elementos que estão em baixo. Eu acredito que alguns calendários JS e alguns favoritos / thickbox código faz isso, se você está procurando exemplos.

Nunca definir o índice z a qualquer coisa abaixo de 1 enless você quer escondê-lo. Eu não tenho certeza sobre 7.0, mas versões mais antigas do IE Eu tive problemas com fazer isso. IE não gosta de índice z muito. Também verifique o seu posicionamento. Posicionamento pode ser o seu problema. Desculpe, eu não tenho informação suficiente para ajudá-lo ainda mais.

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