:悬停问题,当在一个iframe这是div内移动鼠标| IE浏览器(:hover issue w

2019-06-27 00:24发布

这里是我的问题:

我已在browserwindow左侧小酒吧#blokje{left:-180px; position:absolute;...} #blokje{left:-180px; position:absolute;...}当用户将鼠标悬停在棒- >位置的变化使用#blokje:hover{left:0}; 这一切工作正常,但现在我已经加入了谷歌AdSense帧的DIV中和......一切工作正常,除了在IE(最常用的浏览器,广告...)

它看起来像股利:悬停消失在框架上造成恼人的闪烁和用户无法点击广告!

我认为,一个可能的解决办法是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/

Answer 1:

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

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

CSS:

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


文章来源: :hover issue when mouse moves over an iframe which is inside the div | Internet Explorer