用户脚本 - 向图像添加关闭图标鼠标悬停

Question

我正在为 Greasemonkey 编写一个用户脚本，以便在所有图片上使用class =＆获得 MouseOver效果 ＃34; PNG＆＃34;这将是右上角的关闭按钮（）。

如果我可以编辑原始HTML文件，我会这样做：http://jsfiddle.net/6pjF4/55/（这个显示我要输出的输出）

但是因为我不能，这是我现在的 - 不工作的方法：http://jsfiddle.net/6pjF4/54/

是否可以将Close-Button置于此功能中？

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

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

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

Answer 1

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

• 将按钮添加到body元素。这很重要。
• 像你一样使用position:absolute。
• 获取您正在查看的元素的真实位置。这有点棘手。
• 使用它，如果您的按钮是手动放置，请设置top和left位置。

获取元素位置很棘手，所以我会给你这个：

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