一套图像叠加偏移增加每个

Question

我有一个图像列表，我想堆叠，一个在另一个之上，然后偏移每个图像30px顶部和左侧。

<ul> 
    <li><img src="#"></li> 
    <li><img src="#"></li> 
    <li><img src="#"></li> 
    <li><img src="#"></li> 
    <li><img src="#"></li> 
</ul> 

我发现的类似的效果（http://jsfiddle.net/BrAbs/1/）一个的jsfiddle但需要左侧位置被偏移，增加针对每个图像太（0像素，30像素，60像素，90像素）等

Answer 1

使用jQuery：

$('li').each(function (i) { 
    $(this).css({ 
     left: 30 * i 
    }); 
}); 

Fiddle

需要您在哪些设置left CSS属性的元素position:relative 至。

---

按照要求，你也可以用光年相对absolute定位到relative LY定位的祖先，如果你需要，而不会对li S设定height烟筒效应：

.ulClass { 
    position: relative; /*resets the absolute positioning of descendant li(s)*/ 
} 
.ulClass li { 
    position: absolute; /*absolute positioning relatively to ancestor .ulClass*/ 
} 

然后更新JS加a top胶印：

$('li').each(function (i) { 
    $(this).css({ 
     top: 30 * i, 
     left: 30 * i 
    }); 
}); 

Fiddle