如何使用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="" />');