0

divに多くの画像ボタンがあり、画像にマウスを合わせると、scrが変更され、同じ画像が表示されますが、境界線で強調表示されます。ここのように/後のショー：

ここに画像の説明を入力してください

それはうまく機能しますが、他のすべての画像を一緒にすると、次のように表示されます：

ここに画像の説明を入力してください

マウスを前に置いたときに画像を設定する必要があると思います;何かアイデアはありますか？

更新：コード：

 <div id="mymap" width="720" style="width: 920px; height: 1227px; position: relative; left: 250px; transform: scale(.5,.5); -ms-transform: scale(.5,.5); -webkit-transform: scale(.5,.5); -o-transform: scale(.5,.5); -moz-transform: scale(.5,.5);">
        <img id="Burimi" style="position: absolute; left: 10px" src="Images/Reagion/Burimi-B.png" onmouseover="this.src='Images/reagion/Burimi-A.png'" onmouseout="this.src='Images/reagion/Burimi-B.png'" />
        <img id="N Batinah" style="position: absolute; left: 98px; top: 1px;" src="Images/Reagion/N Batinah-B.png" onmouseover="this.src='Images/reagion/N Batinah-A.png'" onmouseout="this.src='Images/reagion/N Batinah-B.png'" /></dive>
4

3 に答える 3

3

z-index単純なCSSを使用すると、プロパティを変更できるはずです。absolute要素がまたはのいずれかrelativeに配置されていると仮定して、

#mymap img:hover { z-index: 9999; }
于 2013-02-28T16:15:05.297 に答える
2 
#image:hover{
  position: relative;
  z-index: 2;
  background-image: url('image2.png');
}

#imageが画像コンテナであり、ホバー状態の画像であると仮定します（プレーンタグimage2.pngだけでなく、マップ上のすべての要素にコンテナの背景を使用している場合）。img

正しい要素のホバーを検出すると、かなり危険になります。

于 2013-02-28T16:14:30.100 に答える
0

セレクター「：hover」を使用して、マウスオーバー時にcssを変更します

于 2013-02-28T16:15:32.670 に答える