當元素被覆蓋

Question

希望這應的jsfiddle說明問題比我的話更取消mouseout事件：

http://jsfiddle.net/pmwRc/6/

我顯示絕對定位的H4作爲標籤在圖像地圖時的地圖徘徊。但是，當鼠標指針移到H4上方時，圖像映射會觸發一個鼠標，這將導致H4再次被隱藏。

我該如何預防？我希望標籤在鼠標懸停在圖像映射上時可見，無論它是否也在標籤上。

Answer 1

您可以使用放置在圖像頂部的透明圖像/圖層（使用您的地圖）「作弊」。

http://jsfiddle.net/GRPQa/7/

它可以使用圖像地圖座標。

Answer 2

function doSomething(e) { 
    if (!e) var e = window.event; 
    var tg = (window.event) ? e.srcElement : e.target; 
    if (tg.nodeName != 'DIV') return; 
    var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement; 
    while (reltg != tg && reltg.nodeName != 'BODY') 
     reltg= reltg.parentNode 
    if (reltg== tg) return; 
    // Mouseout took place when mouse actually left layer 
    // Handle event 
} 

見http://www.quirksmode.org/js/events_mouse.html

Answer 3

我知道這是不完全一樣的，但我已經修改了你的小提琴，並得到了工作選擇，只是沒有影像地圖;）（在「G」中間懸停和第一個 'O'）

http://jsfiddle.net/pmwRc/31/

您可以使用樣式屬性來定義的純標記座標如果需要的話：

http://jsfiddle.net/pmwRc/33/