我希望用户信息像在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/

10-12 13:01
查看更多