2

この質問に答えるためにあらゆる場所を探していますが、どこにもそれについて何も見つけることができません。アイテムの hover border-radius プロパティを受け取った領域に影響を与えることができるかどうか、誰か教えてください。色などの変化の効果は、実際のエリアで表示されたアイテムに当たった後に発生したのでしょうか? DOM に物理的に存在するものを正方形としてブロックしませんか?

シンプルな画像です。

ここに画像の説明を入力

いくつかの簡単なフィドル: www.jsfiddle.net/nawAE

4

1 に答える 1

3

さて、SVG とポインター イベントを使用できます。

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

または、Raphäel などのフレームワークで SVG を使用することもできます。

または、地図で遊んでみてください...

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');

});

ママを見て、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/

于 2013-05-17T15:26:38.550 に答える