4

以下の2つのリンクをざっと見てみると、ほとんどの人が画像上の地図の領域の周りの輪郭を取り除きたいと思っていることがわかります。これは、MACOSXプラットフォームでのみ発生します。

画像マップ領域のアウトラインを削除する

クリックしたときに画像マップ領域のこの境界線の輪郭を取り除くにはどうすればよいですか（OS X Chromeのみ）

しかし、私がやりたいのは、複数のブラウザでアウトラインを表示し、色と幅を変更することです。私は試してみましたが、役に立ちました。IDのスタイルを作成しました。動作しませんでした。クラスを使ってみましたが、うまくいきませんでした。インラインスタイルを設定しましたが、それも機能しませんでした。ちなみに、マップタグとエリアタグの両方で試してみました。

今のところ、クリックすると領域を「境界線」にするためにgifを使用します。ただし、組み込みの形状属性を利用してクリックした領域を強調表示できれば、作業は非常に簡単になります。

助けてくれてありがとう。

4

2 に答える 2

1

この答えは面白そうです：

ロールオーバー時またはイメージマップを使用して div の色/透明度を変更する

ここへのリンク: http://davidlynch.org/js/maphilight/docs/demo_simple.html

于 2011-10-13T20:59:52.983 に答える
0

古いバージョンの Internet Explorer では、エリア アウトラインの CSS が考慮されません。mousedownこれは、イベントのデフォルトの処理をブロックすることで解決できます。jqueryを使用している場合、次のようなもの

$('area').bind('mousedown',function(e) {
    e.preventDefault();
});

ページ上のすべての画像マップに対してそれを処理します。

私のプラグインも見てください: http://www.outsharked.com/imagemapsterこれにより、マウスオーバーとクリックイベントでアウトライン (およびその他) の効果を簡単に処理できます。

于 2011-10-14T15:45:38.550 に答える