iframe懸停在IE中不工作（所有版本）

我有問題iframe：懸停。我的iframe是隱藏的，當我onmouse鏈接或iframe，然後iframe是可見的。這在除IE（所有版本）之外的每個瀏覽器都可以正常工作。我嘗試了很多解決方案，但它仍然無法正常工作。iframe懸停在IE中不工作（所有版本）

link with live example of my problem - 元素「MedicalTourism Rewievs」右從接觸形式。

你有什麼想法嗎？

編輯：JSFiddle example

<div id="wbw"> 
    <a class="wh"></a> 
    <div id="ta_widget_box"></div> 
    <script language="Javascript" src="http://reviews.treatmentabroad.com/js/widget.js"></script> 
    <script language="Javascript">init_widget_rnr('278237/es','ta_widget_box');</script> 
</div>

來源

2012-12-19 Piklis

如果您在JSFiddle（或類似的）中進行了模擬，會更容易發現問題所在。我們不需要看到整個頁面。 – jaypeagi

您是否試圖在iFrame上放置DIV-容器，使用相同的點擊事件和懸停事件？請注意，在IE中，一個空的DIV元素（沒有背景）只能在邊界上懸停。因此，使用CSS放置一個不存在的背景（或spacer.gif）。放置容器的位置爲：absolute和z-index：{大於iframe} ... – algorhythm

是的，我嘗試了通過css使用更大的z-index的地方，但它沒有幫助。 – Piklis

沒有與此選擇的問題，它不是在IE7/IE8工作：

#wbw a.wh:hover + #ta_widget_box { 
    display: block; 
}

所以我建議一個JavaScript的解決方案，一個很簡單的例子：

http://jsfiddle.net/3zLK5/9/

我測試過了它在IE7/IE8/IE9和它的工作原理！

來源

2012-12-19 16:50:56

我不同意你的答案，那就是選擇器的問題（因爲在IE9/10中這不起作用）。我認爲，這與懸停在iframe上的問題，但不知道是什麼。但是你的JS soulution正常工作給我，所以我謝謝:) – Piklis

歡迎你:)讓我解釋一下，這個選擇應該工作，但在這個特殊的情況下，選擇似乎馬車，我完全不知道爲什麼，但我想這是因爲在隱藏的div內有一個iframe，ie7/ie8在我的測試中不能正確呈現隱藏的iframe，而不是由相鄰的兄弟選擇器規則顯示，但是您寫的jsfiddle代碼可行（至少在我的電腦）在IE9。 –

感謝您的回答，現在我更聰明:) – Piklis

iframe懸停在IE中不工作（所有版本）

回答

相關問題