关于zIndex的问题

来源:2-11 右旋转所有帧

weibo_再美也美不过想像7

2016-03-06 11:03

还是不是很清楚为什么zIndex放在css中的话,就会一直显示最后一张的zIndex值,就会错乱。老师,求解答,谢谢啦

写回答 关注

5回答

  • 陈mou
    2016-03-24 23:07:48
    已采纳

    因为旋转的时候第一张图片会先设置上最后一张的zindex值,然后循环的时候第二张会获取第一张的zindex值,所以一直循环下去的话全部都会设成最后一张的zindex 而使用animation的话它是先绑定上去但是是有一段过渡期去渐变成那个值。拓展一下的话就是如果each函数每一步执行的时间过长(以至于长过了animation的过渡时间)那么animation也会和.css一样的效果

    陈mou

    补充:如果将zindex保存到一个数组上面去,用下一个each去循环输出的话就可以很快的将每个zindex设置上去,因为程序运行的时间远快于animation过渡时间,所以看上去就好像同步的进行了设置。其实扩大到无限倍看的话,他们还是不同步的

    2016-03-24 23:10:09

    共 1 条回复 >

  • 一只帅蚂蚁
    2016-05-10 18:19:12

    @陈mou 你描述非常好!就是这个意思~~

  • Joeeeee
    2016-12-11 02:47:42

    也就是说each循环不会等到animation走完就会开始下一次循环,改变css设置的index值

  • 蓝蜗牛7788
    2016-08-28 09:30:20

    each执行的快,先循环完毕把值都取到了,animate执行的慢再渐变成那个值,而css是循环时取到值就执行了,所以最终取到的值都是最后那个值,我理解的对吗

  • weibo_再美也美不过想像7
    2016-03-06 11:11:58

    又看了一遍视频,意思是 设置在self.css("zIndex",zIndex)的话,它的zIndex值就是固定的最后一张的,是不会变得?可是上面的zIndex不是每次都在变吗?为什么放在css中就不变了呢?

JS实现“旋转木马”幻灯片效果

JS组件封装,制作一个图片幻灯片切换效果,一起学习吧

66442 学习 · 147 问题

查看课程

相似问题