gpt4 book ai didi

jquery - :hover issue when mouse moves over an iframe which is inside the div | Internet Explorer

转载 作者:行者123 更新时间:2023-11-28 13:06:21 25 4
gpt4 key购买 nike

这是我的问题:

我在浏览器窗口的左侧制作了一个小栏 #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; }

fiddler 解释问题;请注意,问题仅在 IE 中

http://jsfiddle.net/6FeH8/

测试环境下的在线实例没有缓存(注意:是关于左边的栏不是404错误!)

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

最佳答案

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

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

CSS:

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

关于jquery - :hover issue when mouse moves over an iframe which is inside the div | Internet Explorer,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15834217/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com