Làm thế nào để che phủ/nhúng nút bootstrap trên hình ảnh?

Question

Tôi đã tìm kiếm trên web nhưng không thể tìm thấy câu trả lời. Có thể phủ hoặc nhúng nút bootstrap lên/trong một hình ảnh không? Nếu vậy, làm thế nào?

Tôi có hình ảnh mà tôi muốn che phủ nút khởi động trên để có vẻ như nó được nhúng vào hình ảnh. Tôi muốn nút có nhãn động trên đó (ví dụ tên của ai đó).

Answer 1

Stano đã trả lời câu hỏi cho tôi!

"... vâng nút có thể được đặt trên thẻ hình ảnh, ví dụ như thế này: 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; 
}