無法在網頁上顯示的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，您可以將其附加到任何目標。