Iframe hover not working in IE (all versions)

问题

I have problem with iframe:hover. My iframe is hidden, and when I onmouse on link or iframe, then the iframe is visible. This works fine in every browser except IE (all versions). I've tried many solutions, but it still doesn't work.

link with live example of my problem - element "MedicalTourism Rewievs" right from contact form.

Have you any idea?

EDIT: 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>

回答1:

There is a problem with this selector, it's not working in IE7/IE8:

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

So I suggest a javascript solution, a very basic example:

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

I've tested it in IE7/IE8/IE9 and it works!

来源：https://stackoverflow.com/questions/13948523/iframe-hover-not-working-in-ie-all-versions