iOS Safari手機圖片地圖 - 點擊時區域顯示框

Question

所以，這個似乎有點棘手。還有一些地區的形象圖和功能是這樣的：

• 點擊的區域，顯示工具提示

下面是一些代碼（只是一個片段）：

<img src="content/dummy/1_small.jpg" alt="" usemap="#img_1"> 
<map name="img_1"> 
    <area shape="rect" coords="150,50,250,150" href="" alt="" /> 
    <area shape="rect" coords="250,500,350,600" href="" alt="" /> 
</map> 

而且相應的點擊處理程序：

this.areas.click(function (event) { 
    var position = that.areas.index(event.target); 
    that.toggleTooltipTouch(position); 
    event.preventDefault(); 
}); 

哪些工作正常。但是：無論何時點擊某個區域，Safari都會在觸摸事件時顯示一個稍微透明的框。如果你打得很短，看起來就像閃爍。

所以，問題是：如何防止這種行爲，並不顯示該框？

Answer 1

正如iOS dark gray box active style提到你要隱藏水龍頭突出顯示框：

img { -webkit-tap-highlight-color: rgba(0,0,0,0); }