iframe顶部覆盖div的事件

Question

我有一个覆盖iframe的div。我使用div作为用户拖动iframe的句柄。 iframe可能包含跨域内容，因此我无法摆脱它。

如果用户点击div下方的文本，则会突出显示IE9中的文本。这样可以防止我的onmousedown事件被触发。如果我点击div上没有iframe文本的其他任何地方，那么事件就会被触发，一切正常。有办法解决这个问题吗？

FF和Chrome的行为都符合预期，没有问题。

Answer 1

要解决IE9中的问题，您可以尝试以下解决方法：将背景颜色（例如#fff）添加到与iframe重叠的div，并将div的不透明度设置为0（仅IE9支持不透明度，不是IE8）。我已快速设置jsfiddle来演示此解决方案。请注意，重叠div是可单击的，而不是iframe内容（链接和文本）。