Я попробовал, но он не работает в ie8 или ie7.
я есть прозрачный элемент div с более высоким z-индексом, чем img-элемент на той же странице. Но Internet Explorer действует так, как будто img-элемент имеет более высокое значение 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>
При нажатии на изображение ничего не происходит, хотя должно произойти событие click элемента div (работает, например, в Chrome).
Есть ли обходной путь или решение для моей проблемы?