I tienen un problema con z-index en IE8 (otro no se ha probado todavía):problema con índice z de una capa div vacío en IE8
La siguiente JS crea algunos 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> </div>');
document.write('</div>');
resultado debe ser, que tengo:
- una etiqueta IMG (botón de cierre) con una función de cierre .
- una etiqueta DIV, que crea una capa div "CloseReminder" con un alto índice z y un evento de clic para cerrar una capa principal
El DIV debe estar delante de la IMG y debe de acuerdo con el css.
En FF, Chrome, Opera, etc, pero se está trabajando en IE8 la capa se pone detrás de la imagen. No puedo entender, ¿por qué ...
Me enteré, que si le doy a la capa un color de fondo (fe azul), el div se está poniendo delante de la imagen, desafortunadamente no, si se lo doy el color de fondo "transparente" (que tiene que ser de Unvisible)
tiene a alguien una pista? Gracias por ayudarme,
mejor, Dirk
¿Por qué no poner el onclick en la imagen por cierto? – kapa