problema do índice z no IE com div @ transparen

Question

Jun 25, 2011, 11:57 PM

problema do índice z no IE com div @ transparen

Eu tenho um elemento div transparente com um índice z mais alto do que um elemento img na mesma página. Mas o Internet Explorer está agindo como se o elemento img tivesse um valor z mais alto quando se trata de clicar em evento

<!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>

Quando clicar na imagem, nada acontece, apesar de o evento click do elemento div ser acionado (funciona no Chrome, por exemplo

Existe alguma solução alternativa ou solução para o meu problema?