2013-05-17 34 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一次,它不工作..! –