html – 如何在图像上覆盖/嵌入引导按钮？

我一直在搜索网页,但找不到答案.可以在图像中覆盖或嵌入自举按钮吗？如果是这样,怎么办？

我有一个图像,我想覆盖一个引导按钮,所以它看起来像嵌入在图像中.我希望按钮上有一个动态标签(例如某人的名字).

解决方法

斯塔诺回答了我的问题！

“…是的,按钮可以位于图像标签上方,例如：http://jsfiddle.net/ubWuX”

HTML：

<div id="img_container">
    <img src="http://jsfiddle.net/img/initializing.png"/>
    <button class="button"> click here </button>
</div>

CSS：

#img_container {
    position:relative;
    display:inline-block;
    text-align:center;
    border:1px solid red;
}

.button {
    position:absolute;
    bottom:10px;
    right:10px;
    width:100px;
    height:30px;
}

原文地址：https://www.jb51.cc/html/231205.html