私のウェブサイトでは、ナビゲーションバーとして画像があり、それらを異なるページにリンクするホットスポットが作成されています。問題は、テキストがイメージの一部であるため、ホバー上のテキストのスタイルを変更できないことです。マウスオーバーでテキスト/ホットスポットを目立たせたいのですが、背景色をマウスで変更することができます。それは可能ですか？エリアやマップを使ってCSSでこれを行う方法はありますか？ Javascriptを使用する場合は、誰かがそれを手伝ってくれますか？マウスのホバー上の画像マップの背景を変更する
1つの画像をナビゲーションバーとして使用した理由はありますか？
ホットスポットを含む1つの画像の代わりに、各ナビゲーションリンクに個別の画像を使用します。こうすることで、ホバー上で画像を簡単に変更（またはCSS画像の配置を使用）することができます。これは、ここで説明されています
http://css-tricks.com/video-screencasts/7-three-state-menu/
他の多くの場所と一緒に、私は確信しています。
イメージマップも個々のイメージも使用しないことをお勧めします。
代わりに、CSSスプライトを使用します.1つの画像ファイルをメニューリンクにバックグラウンド画像として追加しますが、バックグラウンド画像の配置を変更します。詳細については、this Line 25 tutorialを参照してください。
これは私がCSS画像の位置付けを意味するものであり、ちょうど適切な用語を使用していませんでした。 –
ああ、それほど同じではありません。このテクニックは似ていますが、画像の2つのバージョンと3つの位置を含むメニュー選択ごとに個別の画像があります。あなたは1つのイメージを使用し、水平および垂直オフセットを変更します。これ以上読む必要があります。 –
2015年であり、ブラウザの大半がSVGをサポートしているので、イメージマップの代わりにSVGマップを使用することをお勧めします。 CSSを使用してホットスポットのスタイルを設定できます。例えば。 'svg a {fill：palegoldenrod; } svg a：hover {fill：papayawhip; } ' –