html - 画像にブートストラップボタンをオーバーレイ/埋め込む方法は?

Question

私はウェブを検索してきましたが、答えが見つかりません。ブートストラップボタンを画像の上/中にオーバーレイまたは埋め込むことは可能ですか? もしそうなら、どのように？

イメージに埋め込まれているように見えるように、ブートストラップ ボタンをオーバーレイしたいイメージがあります。ボタンに動的なラベルを付けたいと思います（たとえば、誰かの名前など）。

Answer 1

スタノが質問に答えてくれました！

「...はい、ボタンは画像タグの上に配置できます。たとえば、次のようにします: 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;
}