HTML 和 CSS 图片 uploader

Question

我正在尝试转换此图片气泡(如下)，因此我可以在用户创建帐户时使用它来上传我的图片，例如，当用户将鼠标悬停在图片气泡上时，它将显示“上传个人资料图片” "，当用户点击它时，它应该提示他们上传图片。谁能插入我朝着正确的方向前进以实现这一目标？

Answer 1

我假设您知道图片上传的工作原理，如果不知道，请说明。在css中，你尝试过吗:

form{
    position: absolute;
    opacity: 0;
    /* You'll need to fine-tune this part */
    top: 50px;
    left:50px;
    /* If you want, you can add a transition on opacity */
}

form:hover{
    opacity:1
}