点击图片移到前面？

Question

有人可以指出我正确的方向，所以我可以创建像this?

这样的函数

我想创建类似的东西，当你点击一堆图像中的图像时，它会把它带到前面。

似乎找不到它的名字。

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仅影响除静态以外的任何其他元素（因此：相对，绝对或固定）。

使用此方法，您可以按照您想要的任何顺序放置它们，而不是始终将其他所有顺序恢复为默认值。