3

这是我的问题：

我在浏览器窗口的左侧制作了一个小栏#blokje{left:-180px; position:absolute;...}，当用户将鼠标悬停在栏上时->使用#blokje:hover{left:0}; 所有这些都可以正常工作，但现在我在 div 中添加了一个 google 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; }

提琴手解释了这个问题；请注意，问题仅在 IE 中

http://jsfiddle.net/6FeH8/

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

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

4

1 回答 1

3

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

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

CSS：

#blokje:hover,#blokje.hover{left:0;}
于 2012-08-13T18:17:35.763 回答