如何更改display：inline-block元素的z-index？

Question

我正在尝试模仿封面流程UI：jsFiddle

如右图所示，最后一张图片覆盖了最后一张图像。我如何规避这个问题，或者除了 display：inline-block 之外还有更好的方法。我试图避免使用 position：absolute ，因为这涉及计算每个图像的位置。

Answer 1

请参阅： http://jsfiddle.net/qqWMb/1/

li:nth-last-child(2) {
    position: relative;
    z-index: 1
}

http://reference.sitepoint.com/css/pseudoclass-nthlastchild