Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在图像上覆盖/嵌入引导按钮?_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 如何在图像上覆盖/嵌入引导按钮?

Html 如何在图像上覆盖/嵌入引导按钮?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我一直在网上搜索,但找不到答案。是否可以在图像上覆盖或嵌入引导按钮?如果是,怎么做 我有一个图像,我想覆盖一个引导按钮,使它看起来像是嵌入在图像中。我希望按钮上有一个动态标签(例如某人的名字)。Stano为我回答了这个问题 “…是的,按钮可以位于图像标签上方,例如: HTML: <div id="img_container"> <img src="http://jsfiddle.net/img/initializing.png"/> <button

我一直在网上搜索,但找不到答案。是否可以在图像上覆盖或嵌入引导按钮?如果是,怎么做


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

Stano为我回答了这个问题

“…是的,按钮可以位于图像标签上方,例如:

HTML:

<div id="img_container">
    <img src="http://jsfiddle.net/img/initializing.png"/>
    <button class="button"> click here </button>
</div>
#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;
}

你可能想看看谢谢Stano。这看起来应该行得通。我还在学习这个回答/批准问题的东西是如何工作的:)大多数时候我都说我必须等两天,但我忘记了。感谢againGlad的帮助,是的,这是一个非常庞大而复杂的网站,需要去发现,所以没关系;-)