प्रदर्शन के जेड-इंडेक्स को कैसे बदलें: इनलाइन-ब्लॉक तत्व?

Question

मैं यहां कवरफ्लो यूआई की नकल करने की कोशिश कर रहा हूं: jsFiddle

जैसा कि आप दाईं ओर देख सकते हैं, अंतिम छवि दूसरी अंतिम छवि को कवर कर रही है। मैं इस समस्या को कैसे रोकूं, या डिस्प्ले के अलावा कोई बेहतर तरीका है: इनलाइन-ब्लॉक। मैं स्थिति का उपयोग करने से बचने की कोशिश कर रहा हूं: पूर्ण क्योंकि इसमें प्रत्येक छवि के लिए स्थिति की गणना शामिल है।

Answer 1

देखें:http://jsfiddle.net/qqWMb/1/

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

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