jquery“animate”z-index不工作?

前端之家收集整理的这篇文章主要介绍了jquery“animate”z-index不工作?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

很多其他问题,但似乎都没有.我确信这很简单,但这并不像我期望的那样:

$('#conflictsPane').css('left','600px')
    .css('z-index','1')
    .animate({ left: "750px" },'slow')
    .css('z-index','101')
    .animate({ left: "720px" },'fast');

我期待它从另一个元素后面滑出然后稍微滑回去.它工作得很好,除了似乎完全忽略了zindex的第一次分配.我的另一个元素是100.如上所述,它从顶部开始,在顶部结束.如果我将101更改为99,则从下面开始,结束.我假设它不会像我期待的那样阻塞.

我尝试添加延迟(然后是一堆延迟),但它没有效果.

最佳答案
这样做了:

$('#conflictsPane')
    .css('left',1)
    .animate({ left: "750px" },'slow',function () {
        $(this).css('z-index',101)
    })
    .animate({ left: "720px" },'fast');

猜你在找的CSS相关文章