如何解决将鼠标悬停在图像上时显示包含放大图像的 DIV
我正在尝试编写一个在悬停在图像上时显示的弹出窗口/工具提示。可以在此处找到它应该如何的完美示例：https://prater.topothek.at/
将鼠标悬停在图像上时，经过短暂的超时后，我需要在图像上方显示一个 DIV，其中包含图像的放大版本以及简短说明和一些按钮。
这里有两个问题：
-
如何使弹出窗口恰好在图像上方居中？
-
如果悬停图像位于视口的边缘，则弹出窗口不得显示在视口外，因此将弹出窗口置于悬停图像上方将不适用...
我的问题...是否有任何插件可以默认执行此操作？如果没有，我如何才能实现所需的行为？
我试图用纯 CSS 解决它，但在视口问题（见 2.）我不能使用它。
关于如何提出一个干净的解决方案的任何想法？我知道现在你会使用纯 CSS 而不是 JS 但这个东西太独特了，我找不到任何可以帮助我的插件或示例。
感谢您的时间！
注意安全！
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。