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

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

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

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

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

//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;
}