索引无法正常工作

2018-06-30 14:31:58

我正在尝试制作两个可通过两个按钮打开和关闭的面板。

小提琴

所有工作都很好，当我这样做时：

打开红色面板。

打开绿色面板。

关闭红色面板。

在这种情况下，红色面板在动画过程中隐藏在绿色背后。

但是当我这样做时：

打开绿色面板。

打开红色面板。

关闭绿色面板。

动画期间，绿色面板总是位于红色面板的前方。

但是第一个打开的面板有z-index: 9 ，第二个打开的面板的z-index: 10 。

请帮我解决问题。

它之所以高于它是因为html。红色是在绿色之前创建的，所以每次使它们彼此动起来的唯一方法是通过if语句以编程方式编辑z-index

在if语句中，只需更改z-index：

if ($messengerPanel.hasClass('open')) {
    sidebarPanelClose($messengerPanel);
    $("#green").css("z-index", "1");
} else {
    sidebarPanelOpen($messengerPanel);
    $("#green").css("z-index", "10");
}

红色也一样...

更新小提琴：http://jsfiddle.net/rcotjr5y/4/

检查它是否会工作包括在CSS中

 .open-first{
    z-index:-1 !important;
}
.open{
    z-index:1;
}

链接地址: http://www.djcxy.com/p/85387.html

上一篇: index are not working correctly

下一篇: Is there any way to train a sklearn model by disk data like HDF5 or such ?