Javascript 将div附加到图像

是否可以将div附加到图像？如中所示，使div跟随图像？我有一个web应用程序，用户可以点击页面的一部分，图像可以轻松地移动到其中。我想要一个语音泡泡跟随图像并保持在其上方，但我很难找到这需要什么

感谢您的指导

---

关于

当我应该这样做时，我会制作一个Div，包含您的图像和语音气泡的Div

<div class="topelement">
  <img src="#" />
  <div class="speechbubble"></div>
</div>

然后，当用户单击页面的特定部分时，可以使用de类“topelement”移动div

---

如果这是用户需要单击的元素，希望这对用户有所帮助：

 <div id="showImage">
    Show the image
  </div>

默认情况下，我将div隐藏在CSS本身中

现在jQuery：

$(function() {
  $("#showImage").click(function(){
      $(".divSlider").fadeIn(2000);  
  });
});

---

你能发布一些代码吗？没有这样的代码。我想知道是否有可能在图像上附加一个div。太棒了，有道理。

.speechbubble {
  background-image: url("http://www.clker.com/cliparts/K/k/N/x/a/k/dialog-bubble-rectangle-md.png");
  width: 100px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 100;
  right: 0px;
  position: absolute;
  padding: 20px 30px;
  color: red;
}
.divSlider {
  width: 350px;
  height: 300px;
  position: relative;
  display: none;
}
img {
  float: left;
  width: 300px;
}

$(function() {
  $("#showImage").click(function(){
      $(".divSlider").fadeIn(2000);  
  });
});