Il valore z-index dell'elemento non può superare quello del contenuto iframe
https://stackoverflow.com/questions/122865
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianDomanda
Ho un div e un iframe sulla pagina
il div ha
z-index: 0;
il iframe ha il suo contenuto con un popup con z-index di 1000
z-index: 1000;
Tuttavia, il div oscura ancora il popup in IE (ma funziona bene in Firefox).
Qualcuno sa cosa posso fare?
Soluzione
In generale, http://www.quirksmode.org/ è un riferimento eccellente per questo tipo di cosa.
Altri suggerimenti
Quale versione di IE?
Non sono un guru javascript, ma penso che nascondere il div quando i popup pop-up potrebbe realizzare ciò di cui hai bisogno.
Ho dovuto lavorare con div e iframe durante la creazione di un menu javascript che dovrebbe mostrare caselle di riepilogo e caselle di riepilogo overtop - altre implementazioni di menu nascondono solo questi elementi il ??cui comportamento predefinito in IE6 è quello di mostrare qualsiasi DIV, no importa l'indice z.
Devo affrontare lo stesso problema. Il problema nel mio caso è che il contenuto dell'iframe non è controllato direttamente da IE, ma da Acrobat in quanto è un file pdf. Puoi provare a mostrare l'iframe senza il contenuto, nel qual caso il popup viene visualizzato normalmente. Per qualche motivo IE non è in grado di controllare l'indice z per gli helper esterni.
È stato testato con IE7
Senza vedere il tuo codice, è difficile determinare il problema. Ma vale la pena notare che z-index funziona solo quando l'elemento è stato posizionato (ad esempio position: absolute; ), quindi forse potrebbe essere un problema?
C'è un buon articolo su CSS Z-index dal Centro per sviluppatori di Mozilla.
Senza vedere uno snippet di codice, è difficile determinare quale sia il problema. Potresti provare ad aggiungere un iframe sotto il tuo popup che ha le stesse dimensioni del tuo popup. Con IE7 se esegui il rendering del popup iframe dopo che l'altro iframe è già stato caricato, dovresti essere in grado di coprire gli elementi sottostanti. Credo che alcuni calendari JS e alcuni codici lightbox / thickbox facciano questo se stai cercando degli esempi.
non impostare mai il tuo indice z su nulla di seguito 1 a meno che tu non voglia nasconderlo. Non sono sicuro di 7.0 ma le versioni precedenti di IE hanno avuto problemi a farlo. A IE non piace così tanto z-index. Controlla anche il tuo posizionamento. Il posizionamento potrebbe essere il tuo problema. scusa, non ho abbastanza informazioni per aiutarti ulteriormente.
