2013-05-17 37 views
18

我一直在搜索網頁,但無法找到答案。是否可以在圖像上覆蓋/嵌入自舉按鈕?如果是這樣,怎麼樣?如何在圖像上疊加/嵌入引導按鈕?

我有一個圖像,我想覆蓋引導按鈕,所以它看起來像它是嵌入在圖像。我希望按鈕上有一個動態標籤(例如,某人的名字)。

+0

您可能想看看http://www.w3schools.com/css/css_positioning.asp –

+0

謝謝Stano 。這看起來應該起作用。 –

+1

我仍然在學習如何回答/批准問題的工作原理:)大多數時間,我說我必須等待2天,我忘了。再次感謝 –

回答

28

Stano回答了我的問題!

「......是的按鈕可以定位圖像標籤上面,例如像這樣: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; 
} 
+1

驗證http://jsfiddle.net/ubWuX一次,它不工作..! –