valor de índice z do elemento não pode ultrapassar um do conteúdo iframe
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?
Solução
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.