我无法在图片上设置叠加层以获取按钮

Question

在我的应用中，我有一个个人资料部分，还有一个图片上传部分。我希望当指针移到图像上时，该图像上出现一个按钮。然后单击该按钮可打开模态。但我无法进行悬停叠加。我遵循了tis链接。但对我不起作用。enter link description here

<div class="col-md-4">

            <img src="../assets/image/avatar3.png" id="profile_pic" name="profile_pic" class="img-circle" alt="Profile" width="100%">
        </div>

这是我的图像显示部分，想像它一样悬停在图像上。