ウェブページに表示された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に画像を追加します。