我有一个包含多个可点击的、可拖动的和可调整大小的元素的div。我还希望这些可移动元素消失在一个部分透明的(背景)图片后面。在除了Internet Exploder之外的任何地方,都能正常工作。
我的代码(最小化为可能导致问题的内容)如下:
<div id="container" style="z-index: 200; position: absolute">
<div style="position:absolute; width: 20px; height: 80px; background-color: red; opacity: .2"></div>
<div id="works">not works</div>
</div>
我在这里创建了一个示例:http://jsfiddle.net/ZUfp5/11/
可以看到在控制台中,直接点击元素会触发处理程序,但是在叠加层上单击不会。
事件不应该冒泡吗?
有没有办法让它工作,还是Internet Explorer再次搞砸了?
更新:
我编辑了示例,使其与Firefox兼容,以便完整地观察问题。
;
。这里提供一个已修复的版本:http://jsfiddle.net/YBUtg/。 - insertusernamehere