0

我在 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>

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

4

1 回答 1

0

没关系 - 我发现如果我只是在过渡中添加可见性，它就可以正常工作......

于 2013-05-18T03:37:28.367 回答