Question

我正在完成这个网站，只有一个小问题。每当我点击下一个（volgende）时，带有z-index 1的DIV（另外2个有2和3）显示在另一个2的前面并保持在那里。 http://luukvanaggelen.com/test/test2.html这是网站，我正在使用jQuery rotate插件。这是我用来移动到下一页的代码。

$(volgende).click(function(){
    if ( container <= max_container ) 
        $(('#container'+container)).rotate({animateTo:150});
    container++;
})

老实说，我不知道这怎么可能，更不用说如何解决它了......

Answer 1

很抱歉我的代码搞砸了，请将代码更改为此代码并告诉我它是否有效：

max_container=3;
min_container=1;
container=0;
$(volgende).click(function(){if ( container <= max_container ) {container++;$(('#container'+container)).rotate({animateTo:150});}})
$(volgende).click(function(){if ( container >= min_container ){ $(('#container'+container)).rotate({animateTo:0});container--;}})

编辑：抱歉没有清楚地看到你的问题，你应该把z-index放在div容器中，而不是放在div里面的home上，并且总是更好地使用order而不是z-index，你必须放置容器2之后的3和1之后的2之后所以第三个将位于第二个之后

jQuery搞砸了DIV的z索引

1 个答案: