如何使用jquery將圖像添加到div的頂部

Question

我有一個空的div可拖動，我需要將圖像添加到左上角並且它應該能夠隨div一起移動。

那麼我該怎麼做？

<div class="example"> 
<div> 

這是腳本：

<script type="text/javascript"> 
     $(function() { 

    $('.example').draggable 

}); 
</script> 

Answer 1

.example { 
     position: relative; 
    } 
    .example .imghandle { 
     position: absolute; 
     height: 30px; 
     width: 30px; 
     top: -30px; 
     left: -30px; 
    } 

<div class="example"> 
    <div class="imghandle"></div> 
<div> 

使圖像的div的背景下，或只是把一個<img>標籤那裏添加類

here it is with :before

Answer 2

只要把圖像中的<div>，或者動態地添加它，$('.example').append(image_handle)。或者使用:before

Answer 3

頂格的是前置。

$('.example').prepend('<img src="" />');