html – 如何在图像上覆盖/嵌入引导按钮?

前端之家收集整理的这篇文章主要介绍了html – 如何在图像上覆盖/嵌入引导按钮?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在搜索网页,但找不到答案.可以在图像中覆盖或嵌入自举按钮吗?如果是这样,怎么办?

我有一个图像,我想覆盖一个引导按钮,所以它看起来像嵌入在图像中.我希望按钮上有一个动态标签(例如某人的名字).

解决方法

斯塔诺回答了我的问题!

“…是的,按钮可以位于图像标签上方,例如:http://jsfiddle.net/ubWuX

HTML:

  1. <div id="img_container">
  2. <img src="http://jsfiddle.net/img/initializing.png"/>
  3. <button class="button"> click here </button>
  4. </div>

CSS:

  1. #img_container {
  2. position:relative;
  3. display:inline-block;
  4. text-align:center;
  5. border:1px solid red;
  6. }
  7.  
  8. .button {
  9. position:absolute;
  10. bottom:10px;
  11. right:10px;
  12. width:100px;
  13. height:30px;
  14. }

猜你在找的HTML相关文章