无法在网页上显示的 HTML 段落上叠加图像图标

Unable to overlay an image icon on a HTML paragraph displayed on a webpage

本文关键字：段落 叠加 图像 图标 HTML 显示 网页      更新时间：2023-09-26

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

.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，您可以将其附加到任何目标。

相关文章：