无法在网页上显示的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，您可以将其附加到任何目标。