2012-08-13 45 views
3

這裏是我的問題::當鼠標移過div內的iframe時懸停問題| Internet Explorer的

我在browserwindow #blokje{left:-180px; position:absolute;...}左側做了一個小酒吧,當用戶將鼠標懸停在欄 - >位置的變化使用#blokje:hover{left:0}; 所有這一切工作正常,但現在我已經在div中添加了一個谷歌adsense框架和...除了在IE瀏覽器(大多數使用的瀏覽器;廣告...)一切正常工作

它看起來像div:懸停消失在框架造成煩人閃爍,用戶無法點擊廣告!

我認爲可能的解決方案是使用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/

回答

3

以下應該達到你想要的效果。這是基於鏈接的答案。 jQuery的:

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

CSS:

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

謝謝。它在我的小提琴上工作http://jsfiddle.net/aBEAG/ – 2012-08-13 22:30:46

+0

我不能讓它在我的實時網站上工作。在小提琴中它工作正常。什麼是添加代碼的最佳位置。這裏是直播網站:http://goedkoopste-autolening.tk也許有人用其他方法來實現相同的目標? – 2012-08-15 10:15:22

+0

在兩次調用「bind」之後,你需要把它放在你的'$(function(){',在你的腳本塊之後,原因是$(function()'導致代碼裏面運行jquery後加載 – 2012-08-15 15:59:19