Iframe hover not working in IE（所有版本） [英] Iframe hover not working in IE (all versions)

问题描述

我有iframe的问题：hover。我的iframe是隐藏的，当我onmouse在链接或iframe，然后iframe是可见的。这工作正常在每个浏览器除IE（所有版本）。我尝试了很多解决方案，但仍然无法工作。

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.

链接到我的问题的实例 - 从联系表单中的元素MedicalTourism Rewievs。

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

有任何想法吗？

编辑： JSFiddle示例

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

推荐答案

此选择器有问题，在IE7 / IE8中：

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

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

所以我建议一个javascript解决方案，一个非常基本的例子：

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

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

我已经在IE7 / IE8 / IE9测试了它，它工作！

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

这篇关于Iframe hover not working in IE（所有版本）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！