：鼠标移动到div中的iframe时出现悬停问题IE浏览器

Question

这是我的问题：

当用户将鼠标悬停在栏上时，我在浏览器窗口#blokje{left:-180px; position:absolute;...}的左侧创建了一个小栏 - ＆gt;使用#blokje:hover{left:0};更改职位 所有这一切工作正常，但现在我已经在div中添加了一个谷歌adsense框架......一切正常，除了IE（最常用的浏览器;广告......）

看起来像div：hover在框架上消失，导致恼人的闪烁，用户无法点击广告！

我认为可能的解决方案是使用jquery而不是css来执行悬停效果。有人可以将我的css翻译成jQuery吗？

#blokje{width:200px; height:200px; background:#F1F1F1; position:relative; left:-180px; color:black; }
#blokje:hover{left:0;}
#blokje #tit{position:absolute; width:30px; height:200px; background:black; right:0; top:0; }

fiddler 解释了这个问题;请注意，问题仅出现在IE

中

http://jsfiddle.net/6FeH8/

测试环境中的在线实时示例未缓存（注意：它左侧的栏不是404错误！）

http://kramels.x10.mx/goedkoopste-autolening.tk/

Answer 1

以下应达到您想要的效果。这是基于链接的答案。 jQuery的：

    if($.browser.msie){
        $("#blokje iframe").on("hover",function(){ 
            $(this).parents("#blokje").toggleClass("hover");
        });
    }

CSS：

#blokje:hover,#blokje.hover{left:0;}