如何在图像上叠加/嵌入引导程序按钮? [英] How to overlay/embed bootstrap button on image?
本文介绍了如何在图像上叠加/嵌入引导程序按钮?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我一直在网上搜索,但找不到答案.是否可以在图像上/中覆盖或嵌入引导按钮?如果是这样,怎么办?
I have been searching the web but can't find the answer. Is it possible to overlay or embed a bootstrap button over/in an image? If so, how?
我有一个图像,我想在上面叠加一个引导按钮,以使其看起来像嵌入在图像中.我希望按钮上有一个动态标签(例如某人的名字).
I have a image that I want to overlay a bootstrap button over so it looks like it is embedded in the image. I would like the button to have a dynamic label on it(for ex. somebody's name).
推荐答案
Stano为我回答了这个问题!
Stano answered the question for me!
"...是,按钮可以位于图像标签上方,例如: http://jsfiddle.net/ubWuX"
"...yes the button can be positioned above the image tag, for example like this: 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;
}
这篇关于如何在图像上叠加/嵌入引导程序按钮?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文