2013-05-18 37 views
0

我遇到了一些与IE9 +与隐藏的模态div不一致。请参阅下面的代码:在任何其他HTML5浏览器上,该内联onclick将首先触发警报,然后在div中转换。点击文档中的任何位置后,将再次隐藏div,方法是转到#close。IE浏览器onclick问题隐藏的模态div显示与CSS转换

然而在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> 

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

回答

0

没关系 - 我发现如果我只是在过渡中添加visibity,它也能正常工作......