jquery - 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/

2番目（それほど重要ではありません）、ウィンドウを非常に小さくすると、テキストが画像の下に表示されますが、これを防ぐにはどうすればよいですか？小さくなったときにスクロールバーが欲しいだけです。

Answer 1

「position：absolute;」を追加します entrieInfoクラスおよび"position：relative;" entrieImageクラスで。

デモ：http：//jsfiddle.net/cX8Fy/1/

Answer 2

z-indexを適用する両方の要素をに与えますposition:relative;。z-indexは、位置がないものには機能しません。