jquery - 第一个图像上的动态 div

Question

我使用下面的代码用 jquery 创建一个动态 div 并将其显示在第一个图像下。一切都很好。

但是如何将这个动态 div 放置在我的图像上方而不是下方？

<script type="text/javascript">
$(document).ready(function() {                       
$(".gdl-blog-full").find("img:first").after("<div style='width:800px; height:90px; float: left; margin-top:10px;'><a href='http://www.demo.com'>MyLink</a></div>");
});
</script>

body 内部:

<div class="gdl-blog-full" style="width:650px; height:390px;">
<img src="myimage.jpg" alt="4134ed_L" width="650" height="390" class="alignnone size-full wp-image-8500">
</div>

Answer 1

只需添加以下CSS

top:0; //moves to top of the image which you need
position: absolute;

使用绝对位置，您可以定位元素但确保响应。

JSFiddle