使用浏览器扩展程序显示悬停在网页上的图像

Question

我正在尝试开发我的第一个chrome扩展程序。我想做的是非常基本的。

点击按钮（在扩展工具箱中）=＆gt;我想在当前网页上显示一个图像（png）。

现在我将图像显示在扩展工具箱中（参见屏幕截图）。

如何在网页中设置显示上下文？

实际代码

document.addEventListener('DOMContentLoaded', function() {
  var checkPageButton = document.getElementById('checkPage');
  checkPageButton.addEventListener('click', function() {

    var img = document.createElement('img');
    img.src = "myImg.png";
    img.setAttribute("style", "background-repeat: repeat-y");
    document.body.appendChild(img);
  }, false);
}, false);

这是实际行为。