Javascript Userscript-向图像添加关闭图标鼠标盖

我正在编写一个用户脚本，用于Greasemonkey在所有图像上产生鼠标覆盖效果，class=“png”将是右上角的一个关闭按钮（）

如果我可以编辑原始的HTML文件，我会这样做：（这一个显示了我想要的输出）

但由于我不能，这是我目前的——不起作用的——方法：

是否可以将关闭按钮设置为此功能

elem.onmouseover = function() {
        play.style.display = "inline";

这样我就不需要HTML文件中的图像了

---

非常感谢你花时间和精力在阅读（和回答）上！非常感谢-

定位该按钮的最佳方法是：

• 将按钮添加到

  主体

  元素。这很重要
• 像你一样使用

  position:absolute

• 获取您正在查看的元素的真实位置。这有点棘手
• 使用该按钮，如果要手动放置按钮，请设置

  顶部

  和

  左侧

  位置

获取元素位置很难，因此我将给出以下内容：

 var getElementPosition = function(obj) {
    var curleft =0;
    var curtop = 0;
    if (obj.offsetParent) {
      curleft = obj.offsetLeft;
      curtop = obj.offsetTop;
      while (obj = obj.offsetParent) {
        curleft += obj.offsetLeft;
        curtop += obj.offsetTop;
      }       
    }
    return [curleft,curtop];
  }

---

“将按钮添加到body元素。”HTML的主体是什么？我不能这样做，它只是一个用户脚本，将改变一个特定网站的外观。或者一个用户脚本也可以有一个主体？即使是用户脚本也可以做一个

document.getElementByTagName（“主体”）[0].append（newElement）