如何顯示圖像（html，javascript）的地圖區域的輪廓？

如果您快速瀏覽下面的兩個鏈接，您會看到大多數人想要擺脫圖像上地圖周圍的輪廓。我發現這僅發生在MAC OS X平臺上。如何顯示圖像（html，javascript）的地圖區域的輪廓？

不過，我想要做的是顯示在多個瀏覽器的輪廓並改變它的顏色和寬度。我嘗試過，但利用。我爲一個id創建了一個樣式。沒有工作。我嘗試使用一個類，並沒有奏效。我設置了內聯樣式，但這也不起作用。順便說一下，我在地圖和區域標籤上嘗試了它。

截至目前，我點擊時使用gif「邊框」區域。但如果我可以利用內置形狀屬性突出顯示點擊區域，它會使事情變得更加容易。

非常感謝您的幫助。

2011-10-13 user717236

這個答案看起來很有趣：

2011-10-13 20:59:52

舊版本的Internet Explorer的區域輪廓不尊重CSS。您可以通過阻止mousedown事件的默認處理來解決此問題。如果使用jquery，像

$('area').bind('mousedown',function(e) { 
    e.preventDefault(); 
});

將照顧它在頁面上的所有圖像映射。

另外看看我的插件：http://www.outsharked.com/imagemapster這將讓你輕鬆處理鼠標懸停和點擊事件的輪廓（和其他）效果。

2011-10-14 15:45:38

回答