Изменение z-индекса и получение полосы прокрутки

Question

Я пробовал много вещей, сначала в css теперь с jquery, но я не могу получить z-index правильно. Текст должен проходить через изображение, которое находится с правой стороны, а не под ним. Если я проверяю z-индекс в источнике, тогда он правильный, но текст на обратной стороне.

$(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:relative;. z-index не работает ни на чем, у которого нет позиции.

Answer 2

Добавить "position: absolute;" в классе entrieInfo и "position: relative;" в классе entrieImage.

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