Internet Explorer 9 трюк с кликом не работает

Question

Internet Explorer 9 трюк с кликом не работает

Я искал способ включить переход по слоям в Internet Explorer 9, и это один из лучших ответов, которые я нашел до сих пор. Это явно не работает в маленьком jsfiddle, который я сделал здесь. Обратите внимание, что я использую настоящий Internet Explorer 9, а не Internet Explorer 10 в режиме совместимости (который работает между прочим). Есть ли способ заставить эту работу?

HTML:

<svg width="100px" height="100px" style="position:relative;background:#aaaaaa;z-index:100;pointer-events:none;"></svg>
<div onclick="alert('it worked!');" style="position:absolute;top:10px">Click me</div>

2

svg internet-explorer-9 click-through

Источник

user1628387 21 фев '13 в 21:37

1 ответ

Решение

Другие вопросы по тегам svg internet-explorer-9 click-through

user2148666 08 мар '13 в 13:52 2013-03-08 13:52 · Accepted Answer · 2013-03-08 13:52

Я заметил 2 проблемы с вашей реализацией. Сначала вы должны обернуть элемент, который вы хотите щелкнуть, с помощью svg. Вы просто помещаете div, который хотите щелкнуть ПОСЛЕ svg, а не ВНУТРИ. Во-вторых, у вашего div нет размера, поэтому его практически невозможно щелкнуть, поэтому я добавил к нему ширину и высоту

<div onclick="itworked();" style="position:absolute; top:0; left:0; width:100%; height:100%">Click me</div>

Я внес эти изменения в вашу скрипку, и это сработало, по крайней мере, для меня, здесь