我希望用户信息像在Facebook上一样弹出。请参阅下图以获取问题的示例。谢谢!
https://drive.google.com/open?id=1KXRQk-arf256KakeGB-lCSkX0DsAt5wq
最佳答案
HTML:
<div class="wrapper">
<div>
Lorem ipsum dolor sit ames
</div>
<div class="popUp">
ames dolor sit amen.
</div>
</div>
的CSS
.wrapper {
position: relative;
}
.wrapper:hover > .popUp {
display: block;
}
.popUp {
display: none;
position: absolute;
background: green;
color: white;
left: 120px;
padding: 32px;
}
关于html - 如何创建鼠标悬停信息弹出窗口(就像将鼠标悬停在Facebook用户的图片上一样),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/58682685/