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>
任何提示/信息,将不胜感激!