2010-12-28 11 views
6

Ho un problema con z-index in IE8 (altro non è ancora testato):problema con indice z di uno strato div vuoto in IE8

Il seguente JS crea qualche html/css:

document.write('<img id="' + sas_Banderole.getObjId('cb') + '" src="' + cburl + '" style="position:absolute; top:5px; cursor:pointer;" onclick="sas_Banderole.trigger();" border=0>'); 
document.write('<div ID="closeReminder" style="z-index:10000; background-color:transparent; text-align: right; display:none; width:30px; height:100px; right: 0px; position:absolute; top:5px; cursor:pointer; color:fff; font-size:10px;" onclick="reminder_close();" border=0>&nbsp;</div>'); 


document.write('</div>'); 

risultato dovrebbe essere, che ho:

  • un tag IMG (pulsante di chiusura) con una funzione di chiusura.
  • un tag DIV, che crea uno strato div "CloseReminder" con un alto z-index e un evento onClick per la chiusura di un livello superiore

Il DIV deve essere davanti alla IMG e dovrebbe accoring al css.

In FF, CHrome, Opera ecc. Funziona ma in IE8 il livello si trova DIETRO l'immagine. Non riesco a capire, perché ...

Ho scoperto che se conferisco al livello un colore di sfondo (fe blu), il div si trova di fronte all'immagine, sfortunatamente no, se lo do il colore di sfondo "trasparente" (non deve essere visibile)

Qualcuno ha un indizio? Grazie per avermi aiutato,

migliore, Dirk

+0

perché non si inserisce l'onclick sull'immagine btw? – kapa

risposta

5

Una soluzione:

Prova ad aggiungere background: black; filter: alpha(opacity=0); al #closeReminder div. Non è bello, ma almeno funziona ...

Immagino che ci fosse qualche soluzione migliore, ma non riesco a ricordarlo (quindi potrebbe essere solo un sogno da ubriachi).

+0

ciao, grazie, buona idea, ho provato ... – Dirk

+0

Grazie, che ha funzionato: \t document.write ('

'); \t if (sas_IsIE == 1) {document.getElementById ("closeReminder"). Style.backgroundColor = "yellow"; } sporco, ma non ho trovato un altro modo. Cheers, Dirk – Dirk

Problemi correlati