IE onclick问题，隐藏模式div，通过CSS转换显示

我遇到了IE9+与隐藏模式div的一些不一致之处。请参见下面的代码：在任何其他HTML5浏览器上，内联的onclick将首先触发警报，然后在div中转换。单击文档上的任意位置后，将通过转到#close再次隐藏div

然而，在IE上，单击似乎完全绕过了内联onclick，直接进入#close

我知道有很多解决方法/备选方案可以达到同样的效果，但我只是想了解IE为什么会这样做

<style type="text/css"> 
.modal {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 10000;-webkit-transition: opacity 500ms ease-in;-moz-transition: opacity 500ms ease-in;transition: opacity 500ms ease-in;opacity: 0;pointer-events: none;}
.modal:target {opacity: 1;pointer-events: auto;}
</style>
<span onclick='alert("bang");location.href="#popup"'>Bang</span>
<div onclick="location.href='#close'" id=popup class=modal>stuf</iframe></div> 

.modal{position:fixed；top:0；left:0；right:0；bottom:0；background:rgba（0,0,0,0.5）；z-index:10000；-webkit transition:opacity 500ms ease-in；-moz transition:opacity 500ms ease-in；transition:opacity 500ms ease-in；opacity:0；指针事件：none；}
.modal:target{opacity:1；指针事件：auto；}
猛敲
斯图夫

---

任何提示/信息将不胜感激

没关系-我发现如果我在转换中添加visibity，效果会很好