jquery - 动态添加和删除 z-index 的 css

Question

$('.sn').css({'z-index':'-1000'}); （隐藏整个组）加载整个类，并从该类中我想显示或应用 css $('#item1').css({'z-index':'1000'});（仅显示组中的一个）单击某些元素动态但这种情况不会发生请帮助我？当我使用 hide() & show() 方法时，它工作正常。

//on click ..
$(document).on('click','#slider1prev',function(){   

    selected = selected-1;



    if(my_text != ""){
        $('#noteImage'+selected).css({'z-index':'1000'});
        $('#noteText'+selected).css({'z-index':'1000'});
    }

});

//负载..

$('.sn').css({'z-index':'-1000'});
$('.notes').css({'z-index':'-1000'});

Answer 1

为什么不直接使用show()andhide()方法呢？Z-index 只是改变元素的堆栈顺序并且只对positioned elements. 所以如果你想使用 z-index. 将元素position属性设置为absolute或fixed。

阅读有关z-index 的更多信息。

所以而不是做

.css({'z-index':'1000'});

做

.css({'position': 'absolute', 'z-index':'1000'});

或者

.css({'position': 'fixed', 'z-index':'1000'});