更改z-index并获取滚动条

Question

我尝试了很多东西，现在首先在css中使用jquery，但我无法使z-index正确。 文本应该覆盖在其右侧而不是在其下方的图像上。 如果我检查源中的z-index，那么它是正确的，但文本仍然在后面。

$(document).ready(function() {

    var entries = $('.entrie').length;


    $('.entrie').each(function(index){
        //console.log(index);
        var newIndex = entries-index;
        console.log(newIndex);
        $(this).css('z-index', newIndex);
    });


});

这是一个jsfiddle：

http://jsfiddle.net/EJMqG/

第二（不太重要），当我使窗口非常小，然后文本在图像下面，我该如何防止这种情况？当它变小时，我只想要滚动条。

Answer 1

添加“position：absolute;”在entrieInfo类和“position：relative;”中在entrieImage类中。

DEMO：http://jsfiddle.net/cX8Fy/1/

Answer 2

将要应用z-index的两个元素都添加到position:relative;。 z-index对任何没有位置的东西都不起作用。