マップ上のさまざまな場所にさまざまな写真をポップアップ表示するイメージ マップを作成しようとしています。画像の最初のポップアップの後に 2 番目の「ポップアップ」を作成できるようにしたいのですが、コードにさまざまな変更を加えてみましたが、まだ効果がありません。私がやろうとしていることはCSSで可能ですか? そうあるべきだとは思いますが、実例がないので不安です。
問題の一部は、「こんにちは」ボックスを示す「内部」スパンが、画像付きのボックスに付いている「スパン」と区別されていないことです。これらを区別する方法がわかりません。2 番目のドットは、ホバーされたときにのみ青から黄色に変わるため、「こんにちは!」の理由がわかりません。ボックスは同じように動作しません。
これが私のコードです: http://jsbin.com/AmAqito/3/edit?html,css,output
※真ん中の青い点に注目してください。
ありがとう！