我有一张朋友的照片，当我将鼠标悬停在他们的脸上时，想弹出一些东西。我对此确实很陌生，因此它可能是一个简单的解决方案，但是我找不到适合我需要的解决方案。
我设法制作了一个地图解决方案，该解决方案正确地定义了他们脸部周围的区域并建立了链接。问题是我无法使该链接在悬停时显示任何内容，只需单击即可。
<!DOCTYPE html>
<html>
<body>
<img src="http://104.45.93.236/wp-content/uploads/2019/03/20150621_195100.jpg" alt="Workplace" usemap="#workmap" width="1600" height="900">
<map name="workmap">
<area shape="rect" coords="557,252,632,344" alt="xyz" href="http://104.45.93.236/wp-content/uploads/2019/03/stock2.jpg">
</map>
</body>
</html>
它的行为符合预期