jQuery和CSS懸停功能的一個老派的影像地圖IE問題

Question

我有一個影像地圖，我需要有一個半透明的DIV和錨疊加圖像。由於圖像和圖像映射頁面之間不同，實際代碼動態生成圖像映射，重用單個div並錨定覆蓋的鏈接。

你可以看到Fiddle代碼的簡化版本。我有適合讓它在Firefox和IE中都能正常工作。現在代碼已經可以使用了，但是如果將鼠標緩慢移動到IE中黃色框的左側，則「高亮」div中的白色背景會被留下。該鼠標離開功能 - 因爲如果你取消註釋警告你可以告訴 - 每次觸發，所以會出現這個問題是這一行：

$('#highlight').css('display', 'none'); 

當我改變從高亮div的錨所涉及的CSS突出div本身，我在Firefox和IE瀏覽器都存在拖延的div問題。使用突出顯示：懸停，它只發生在IE和Firefox工作正常。

如果我離開「背景色：白」出了內聯CSS的高亮框的，代碼在IE中失敗;突出顯示根本不顯示。

我已經使用許多不同的方法，包括切換之間的CSS嘗試：懸停僞類和高亮DIV本身，在JQuery中使用不同的功能，並在IE瀏覽器沒有可靠地工作。

我已經採取了看看一些jQuery插件像MapHilight，他們會用一些其他的代碼，我必須使用的問題。

有人能看到什麼，我缺少的得到這個在IE中可靠地工作，以及其他的瀏覽器？

Answer 1

我基本上發揮與地圖COORDS與this

來到UPT我總是讓我的地圖在邊緣處使用相同的值，所以我沒有得到一個幻影重疊的「像素無處」