2013-03-01 86 views
0

我有onmouseover和onmouseout事件的問題。我正在使用我的網站:http://pacogames.com/當您通過Chrome或FF訪問它時,您將鼠標移動到遊戲上,您可以看到遊戲的視頻,但是當您通過IE瀏覽它時,視頻僅在你將鼠標懸停在白色空間上。當鼠標在圖像上時,您看不到視頻。 (我的意思是在div.BOXRIGHT中的遊戲)。Onmouseover&onmouseout在IE中不工作

這裏是expamle代碼:

<li id="videobox-1" class="videobox"> 
    <a href="url_game" id="OdkazVideo1"> 
    <div id="video1"> 
    </div> 
    <div style="display:block; position: absolute; top: 5px; width: 163px; height: 182px; z-index: 90;" onmouseover="PrehrajVideo(1, 'game_video.swf')" onmouseout="ZastavVideo(1)"> 
    </div> 
    </a>   
    <a href="url_game"> 
    <img class="BOXGAMES_IMG" src="image_game.png" alt="play name_game" style="position: relative; z-index: 1;" /><br />game_name 
</a> 
    <span style="width: 100px; height: 22px; float:left; padding: 5px 30px 0 30px;">'.$game['rating'].'</span> 
    <p class="BOXGAMES_PLAYS">200 Plays </p> 
</li>'; 

和JS功能

function PrehrajVideo (id, video) { 

    var params = { 
     'wmode': 'transparent', 
     'quality': 'high', 
     'mute': '1' 
    } 
    swfobject.embedSWF(video, "video"+id, "163", "123", "7", false, "", params, ""); 
} 

function ZastavVideo (id) { 
    swfobject.removeSWF("video"+id); 
    $('#OdkazVideo'+id).prepend("<div id='video"+id+"'></div>"); 
} 

誰能幫我解決這個問題?非常感謝。

+0

在我所有版本的IE中都能正常工作...... – 2013-03-01 17:41:16

+0

沒有最新的或頂級的遊戲,但是主要的遊戲...... – 2013-03-01 17:42:47

+0

就我所見,它正在做你剛纔告訴它做的事情,但由於圖像在「懸停」元素的頂部,它不是在做你的意思告訴它=/ – 2013-03-01 17:44:27

回答

1

對IE使用onMouseLeave事件。這將解決問題。

+0

當試圖使用mouseout mouseover因爲子元素時,IE真的很荒謬。 mouseenter/mouseleave – 2013-03-01 17:55:38

+0

我在每場比賽之前添加了兩行,其中我通過attachevent設置onmouseenter和onmouseleave,但問題仍然存在 – 2013-03-01 22:44:29