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/

第二（不太重要），当我把窗口做得很小，然后文字就在图像下面，我该如何防止这种情况发生？我只想要滚动条变小。

Answer 1

添加“位置：绝对；” 在entrieInfo 类和“位置：相对；” 在entrieImage 类中。

演示：http: //jsfiddle.net/cX8Fy/1/

Answer 2

将您正在应用 z-index 的两个元素都提供给position:relative;. z-index 不适用于没有位置的任何东西。