jquery - 纯 CSS 降序 Z 索引？

Question

虽然从技术上讲我可以用一点 jQuery 解决我自己的问题，但这个问题激发了我的好奇心； 可以对未知数量的元素按降序进行 z 索引吗？

这是我更具体的问题。我有未知数量的 div，它们将由 PHP 在 foreach 循环中创建。问题是这些 div 的背景(在区域中)是透明的并且被设计为重叠。使用负 CSS margin，我可以轻松地将元素拉到彼此重叠，但问题是默认情况下，CSS 在它们下降时以看似更高的索引来渲染它们。

为了说明我的意思，here is a fiddle.

我想了几天，还是没有找到答案。所以，对你来说。有什么想法吗？

附注如果有人来这里纯粹是为了 jQuery 解决方案，那就是:

$('.myClass').each(function(index) {
    zindex = index * -1;
   $(this).css('zIndex', zindex);
});

Answer 1

最好的解决方案是在 PHP 循环中添加内联样式。

如果您知道要循环的对象的长度，则可以轻松计算内联样式。

这不是最优雅的解决方案，但它总是有效的。