2011-12-21 7 views
4

私が地図の&エリアタグを使用している問題は、地域に「穴」を持つ解決策を見つけることができなかったことです。例えば、地図上に湖を想像してください。クリック可能な領域。htmlエリアタグに穴があります

例コード:湖はhovereffectを持たせたい。この例では

http://jsfiddle.net/WbKqS/

が、私は地図上の3湖を配置しているが、私はいけない/クリック可能であること、これは可能ですか?多分別のテクニックで?

+1

興味深い質問、私は答えを見ることを楽しみにしています! – Undefined

答えて

1

HTML area複数の穴があるか、または複数のセットがcoordsであることをサポートしていないため、回避策を講じる必要があります。

以下に示す方法に基づいた解決方法はありますか?

area with fake hole

+0

これは考え方ですが、シェイプの「最後」の線を隠すことは可能ですか?だから、それは固体の形のように見えます。 –

+0

私の最初のダイアグラムは誤解を招き、私はそれを更新しました。 –

+0

これは良いアイデアですが、どうにか周りに境界線を置くことは可能ですか?内側と外側の両方で? –

0

湖の上に他の「隠れた」(div)要素を配置して、ホバー効果がトリガーされないようにすることができます。欠点は、要素の形状(四角形)です。キャンバスを使用することはその解決策になるかもしれませんが、すべてのブラウザがそれをサポートするわけではありません。

1

私がこの使用領域のマップを開発するのは良いアイデアだとは思いません。代わりにRaphaelを使用します。 a map例:Raphael

関連する問題