Come sovrapporre/incorporare il pulsante di avvio sull'immagine?

Question

Ho cercato sul Web ma non riesco a trovare la risposta. È possibile sovrapporre o incorporare un pulsante di bootstrap su/in un'immagine? Se é cosi, come?

Ho un'immagine che voglio sovrapporre un pulsante di bootstrap in modo che sembri incorporato nell'immagine. Vorrei che il pulsante avesse un'etichetta dinamica su di esso (ad esempio il nome di qualcuno).

Answer 1

Stano ha risposto alla domanda per me!

"... sì il pulsante può essere posizionato sopra il tag di immagine, per esempio come questo: 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; 
}