working not index img force div color html css internet-explorer z-index

html - not - z-index position fixed



Problema z-index en IE con div transparente (5)

Tengo un elemento div transparente con un índice z más alto que un elemento img en la misma página. Pero Internet Explorer actúa como si el elemento img tuviera un valor z más alto cuando se trata de eventos de clic.

<!DOCTYPE html> <html> <head> <title>Demo</title> </head> <body style="margin:0;padding:0;"> <img src="7player.png" alt="7player" width="60" height="60" style="position:absolute; left: 100px; top: 100px; z-index:10" /> <div style="width:100%;height:100%;position:absolute;z-index:900;" onclick="alert(''hello'');"></div> </body> </html>

Al hacer clic en la imagen, no ocurre nada, aunque el evento de clic del elemento div debe activarse (funciona en Chrome, por ejemplo).

¿Hay alguna solución o solución para mi problema?


De hecho, tu div "No tiene ningún fondo",

Debe darle un fondo de color (por ejemplo, blanco) con opacidad = 0.01.

Por ejemplo:

background:white; filter:alpha(opacity=1);


Esto sigue siendo un error en IE11, pero no Edge. Lo siguiente resolvió mi problema creando un fondo que "parece" transparente pero tiene un color.

background: rgba(255,255,255,0.0);

Un poco mejor que la solución de filtro anterior, si desea que solo el fondo sea transparente, pero no el contenido del objeto.


He probado la Sugerencia dada por el background:white;filter:alpha(opacity=1) Preli background:white;filter:alpha(opacity=1) , y está funcionando bien. Vea la demostración en IE:

http://jsfiddle.net/VMrNF/11/



agregar izquierda: 0 a div, haga clic en evento disponible

probado en ie9