javascript-如何在IE9中单击透明的PNG？

所以我想在透明的PNG下有一个可点击的区域.

我在200x300px的div上放置了一个200x200px的PNG图片. div是鲑鱼色的. div右侧仅100px可以单击.

js在这里提琴：http://jsfiddle.net/xhAVU/1/

在现代浏览器中：通过取消注释指针事件：无；您可以看到如何忽略PNG,并且可以在任意位置单击鲑鱼div.

在IE9中：无法点击图像.

有没有一种方法可以强制IE9单击透明的PNG？

解决方法:

https://stackoverflow.com/a/10968016的重复项：

更换

<img width="200" height="200" style="pointer-events: none" src="...">

与

<svg width="200" height="200" pointer-events="none"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink">
  <image x="0" y="0" width="200" height="200"
      xlink:href="..." />
</svg>

因为IE支持SVG pointer-events property.

标签：internet-explorer,internet-explorer-9,css,html,javascript
来源： https://codeday.me/bug/20191127/2076681.html