1

ユーザーがマップ領域にカーソルを合わせたときに、マップ領域の背景画像を表示しようとしています。現在、各エリアに個別の ID を指定し、エリアにカーソルを合わせるとトリガーされる JavaScript 関数を作成しました。この関数に要素 ID を渡します。コンソールを見ると、関数が正しい要素で呼び出されているにもかかわらず、背景が表示されていないことがわかります。現在、製品タグの機能のみを実装しています。

また、領域の z-index を 9999 に設定し、幅/最小幅と高さ/最小高さを固定してみました。

ここにウェブサイトがあります https://dl.dropbox.com/u/14863356/OsmosysV3/index.html

注: この問題に直面している他のユーザーへの参考として、Chrome または safari では、非推奨であっても map に対して name 属性を宣言する必要があります。

4

2 に答える 2

0

なぜJavaScriptが必要なのですか？CSS では、次のことができませんでした。

#welcome{
  height: 300px; // or whatever
  &:hover{
    background: url("welcome.jpg")
  }
}

次に、他の要素についても同じです。

于 2012-08-14T09:34:43.210 に答える
0

このVisible Area Tagによると、イメージ マップ エリアは視覚的に表現されないため、css は反映されません。マップにホバー オーバー エフェクトが必要な場合は、このリンクをたどってその方法を見つけることができます。

それはおそらくそれを行うための最もきちんとした方法ではありませんが、うまくいきます。

于 2012-08-14T23:15:34.213 に答える