我正在尝试制作一个图像地图，在地图上的不同位置弹出不同的图片。我希望能够在我的图像上的第一个“弹出窗口”之后制作第二个“弹出窗口”，但我已经尝试对我的代码进行各种更改，但它尚未生效。我想在 CSS 中做的事情可能吗？我觉得它应该是，但因为我不知道它的任何例子，我感到不确定。
我意识到问题的一部分是表示我的“你好”框的“内部”跨度与带有图片的框的“跨度”没有区别。我不确定如何区分这些。第二个点只有在悬停时才会从蓝色变为黄色，所以我不知道为什么“你好！” box 的行为方式不同。
这是我的代码： http: //jsbin.com/AmAqito/3/edit ?html,css,output
*注意中间的蓝点。
谢谢！