在iframe之上覆蓋div的事件

Question

我有一個覆蓋iframe的div。我使用div作爲用戶的句柄來拖動iframe。 iframe可能包含跨域內容，所以我不能擺脫它。

如果用戶點擊div下面的文本，它會突出顯示IE9中的文本。這阻止了我的onmousedown事件發射。如果我點擊div上沒有iframe文本的其他任何地方，則會觸發該事件，並且所有內容都按照原樣運行。有沒有辦法解決這個問題？

FF和Chrome的行爲如預期，沒有問題。

Answer 1

要解決IE9中的問題，您可以嘗試以下解決方法：向與iframe重疊的div添加背景色（例如#fff），並將div的不透明度設置爲0（不透明度僅受IE9支持，而不是IE8）。我已經安裝了一個快速jsfiddle來演示此解決方案。請注意，重疊div是可點擊的，而不是iframe內容（鏈接和文本）。