邊界半徑和：懸停狀態區域問題

Question

我正在尋找無處不在回答這個問題，但無處可以找到任何有關它的信息。任何人都可以告訴我，我們是否可以影響收到物品懸停邊界半徑屬性的區域。因此，碰到真正的區域查看項目後，顏色等變化的影響發生了嗎？不要阻止那個物理存在於DOM中的方塊？

這是簡單的IMG。

和一些簡單的小提琴：www.jsfiddle.net/nawAE

Answer 1

好了，你可以使用SVG和指針的事件：

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events?redirectlocale=en-US&redirectslug=CSS%2Fpointer-events

或者只是使用SVG，也許有像Raphäel這樣的框架。

或許與地圖玩，讓我試試......

http://jsfiddle.net/coma/nawAE/10/

HTML

<img class="div" src="http://images2.wikia.nocookie.net/__cb20100822143346/runescape/images/2/21/1x1-pixel.png" usemap="hack"/> 

<map name="hack"> 
    <area shape="circle" coords="200,200,200" /> 
</map> 

JS

$('area').hover(function(event) { 

    $('img.div').toggleClass('hover'); 

}); 

尋找母親，NO JS：

http://jsfiddle.net/coma/nawAE/12/

.div { 
    display: block; 
    font-size: 0; 
    width: 400px; 
    height: 400px; 
    background-color: red; 
    border-radius: 50%; 
} 

map:hover + img { 
    background-color: blue; 
} 

更多的是：

http://jsfiddle.net/coma/nawAE/16/