javascript - 点击图片移动到前面？

Question

有人可以指出我正确的方向，以便我可以创建这样的功能吗？

我想创建类似的东西，当您单击一堆图像中的图像时，它会将其带到前面。

好像找不到它的名字。

Answer 1

$("img.myclass").click(function() {
     $("img.myclass").not(this).css("z-index", 0);
     $(this).css("z-index", 100);
});

应该可以帮助您入门

Answer 2

如果图像使用 定位position: absolute，您可以将 onclick 处理程序附加到它们并更改它们的z-index.

Answer 3

我会这样做，这样你就有了一个全局zIndex变量，你只需用最新的值 + 1 进行更新。

var zIndex = 0;
$('.myImageClass').click(function(){
  zIndex++;  
  $(this).css('zIndex', zIndex);
});

z-index 仅影响定位在静态以外的任何元素（例如：相对、绝对或固定）。

使用此方法，您将能够以任何您想要的顺序放置它们，而不是总是将其他所有内容恢复为默认值。