html - 如何使用弹出菜单在图像内添加透明按钮

Question

我在我的一个页面中有这张图片

我想在中间创建“可点击”或类似透明或隐藏按钮的东西，所以当我点击房子时，它会弹出一个带有“进入”或“取消”选项的小菜单。到目前为止我只有这个代码

 <div class="image-holder" style="padding-left: 1px">
                    <img src="../images/city.jpg" />
                    <div>
                        <asp:Button ID="Button1" runat="server" Text="Button" />
                    </div>
                </div>

我尝试使用设计视图移动按钮，但仍然无法做到。任何帮助将不胜感激。

Answer 1

在 CSS 中

#Button1{
position: fixed;
margin-left: ...px;
margin-top:...px;
opicity:0.1;
z-index:100;
}

并且您可以添加 jquery 以向其添加事件处理程序