javascript - 无法在网页上显示的 HTML 段落上覆盖图像图标

Question

我正在尝试在单击鼠标按钮时在 HTML 页面上插入图像。此图像指示用于打开便笺的标签。我能够弄清楚如何在鼠标诅咒位置插入图像。但是，我不确定是否可以在 HTML 页面的任何位置插入图像。我们可以在段落上叠加这张图片吗？请帮忙！

Answer 1

.overlay_img {
   position: absolute;
   z-index: 9999;
}

$('body').on('click', function(e) {
  $(this).append($('<img/>', {
                      className: 'overlay_img'
                      style: 'left: '+ e.pageX +'px; top: '+ e.pageY +'px',
                      src: 'SOMETHING',
                      alt: 'SOMETHING'
                   })
                );
});

您还可以使用：

$('body').on('click', function(e) {
   $(this).append('<img src="" class="something" alt="some" style="left: '+ e.pageX +'px; top: '+ e.pageY +'px"/>');
});

例如，我将图像附加到body，您可以将其附加到任何目标。