jquery - 在图像顶部创建 div，然后在单击图像时再次删除

Question

点击图片时，我在图片上动态创建 div。div 已创建，但它在图片后面，如何将它放在前面，我使用了 z-index 属性，没有我想删除的同一个点击事件div .. 但 div 位于图像之上，因此 img click 事件不起作用
我该怎么做？

var imgLeftPos = $(obj).position().left;
var imgTopPos = $(obj).position().top;

$(obj).wrap('<div class="f1_card"></div>');
$(obj).wrap('<div class="front face"></div>');
$(".f1_card").wrap('<div class="f1_container"></div>');
var div = $("<div class='back face'></div>");
$('.face').after(div);
$('.back').css("left",imgLeftPos+"px");
$('.back').css("top",imgTopPos+"px");
var arrId = parseInt(obj.id.substr(2));
console.log("arrId   = "+arrId)
window.setTimeout(function () {

    $(".back").html(imgArr[arrId]);
},100);

Answer 1

将此 css 属性用于 dive，但请确保将 div 和图像包含在具有相对位置

的容器中

#div{
    display: absolute;
}