jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – :当鼠标移动到div中的iframe时,悬停问题IE浏览器大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的问题:

我在浏览器窗口#blokje的左侧做了一个小栏:{left:-180px;位置:绝对; …},当用户将鼠标悬停在栏上时 – >使用#blokje更改位置:hover {left:0};
所有这@R_22_6944@,但现在我已经在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; }@H_618_10@ 
 

提琴手解释了这个问题;请注意,问题仅出在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");
        });
    }@H_618_10@ 
 

CSS:

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

大佬总结

以上是大佬教程为你收集整理的jquery – :当鼠标移动到div中的iframe时,悬停问题IE浏览器全部内容,希望文章能够帮你解决jquery – :当鼠标移动到div中的iframe时,悬停问题IE浏览器所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。