Question

这里在图像上点击我在图像上创建动态div。创建了.div但它在图像后面如何将它带到前面我已经使用了z-index属性，没有在同一个点击事件我要删除div ..但div在图像顶部，所以img点击事件不工作
我怎么能这样做？

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属性进行潜水，但请确保在包含相对位置的容器中包含div和图像

#div{
    display: absolute;
}

Answer 2

如果div覆盖图像，则图像上的点击事件将永远不会发生。您必须在新div本身上注册您的点击事件。这是一个安全问题，因为它可以防止点击劫持。

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

2 个答案: