Mr_WuW
2019-07-25 21:42
采纳率: 0%
浏览 1.4k

web前端,向图片中添加标签或者按钮,哪位有经验的大佬指点指点

web前端需要实现可以载入一张图片,
然后可以向图片中自定的某个位置添加不同种类的标签或者按钮。
想了很久差了不少完全不知道该怎么办,请各位大佬指点。

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 天际的海浪 2019-07-26 00:08

    你只要让图片和标签或者按钮层叠起来显示即可,比如把标签或者按钮放到一个div里,并把图片设置为div的background-image。

    评论
    解决 无用
    打赏 举报
  • doncha 2019-07-26 09:17

    设置按钮的css:z-index,z-index越高,就会显示在更前面

    评论
    解决 无用
    打赏 举报
  • 老铁咖啡 2019-07-26 15:20

    位置和图片你自己可以改,修改相对坐标就可以,什么标签都可以加,如果满意请采纳。

    //html
    <img class="img_sty" src="http://a.hiphotos.baidu.com/image/pic/item/0b7b02087bf40ad15a962c0b592c11dfa8ecceec.jpg" />
    <button class="btn_sty">这是按钮d</button>
    <i class="fa fa-camera-retro a_sty"></i>
    
    //css
    
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    .img_sty{
      position:absolute;
    }
    
    .btn_sty{
      position:absolute;
      margin-left:100px;
      margin-top:100px;
    }
    .a_sty{
      position:absolute;
      margin-left:200px;
      margin-top:200px;
    }
    
    
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题