Проблема с z-индексом в IE с прозрачным div

У меня есть прозрачный div-элемент с более высоким z-index, чем у img-элемента на том же самом страница. Но Internet Explorer действует так, как будто img-element будет иметь более высокое z-значение, когда дело доходит до событий щелчка.

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

При нажатии на изображение ничего не происходит, хотя событие щелчка div-элемента должно быть запущено (работает в Например, Chrome).

Есть ли способ обхода или исправление моей проблемы?

20
задан Preli 25 June 2011 в 21:57
поделиться