Javascript z索引在chrome浏览器中不工作？

z-index

在Chrome浏览器中不起作用，它会在容器后面弹出。如果我更改菜单的

z-index

，则“链接按钮”可以单击

$（函数（）{
$（'.ui-323 ul.ui-nav>li'）。工具提示（）；
});
$（文档）.ready（函数（）{
$（“.ui-323 ul.ui-nav>li>a”）。单击（函数（e）{
e、 预防默认值（）；
if（！（$（this.parents（.ui-323”）.hasClass（“active”））{
//$（this）.parents（“.ui-323”）.addClass（“active”）；//Add Class active
}否则{
$（this）.parents（“.ui-323”）.removeClass（“active”）；//Remove Class active
}
});
$（“.ui-323 ul.ui-nav>li>a”）.mouseleave（函数（e）{
e、 预防默认值（）；
$（此）.parents（.ui-323”）.addClass（“活动”）；
});
});
正文{
颜色：#666666；
字体大小：13px；
线高：23px；
背景：#fff；
字体系列：“开放式Sans”，无衬线；
-webkit字体平滑：抗锯齿；
}
.tab内容{z-index:999；
位置：相对；}
.bg_中心{
高度：200px；
位置：相对位置；
宽度：65%；
浮动：左；
边缘顶端：40px；
左边距：133px；
背景色：白色；
边框：1px实心#C7C7C7；
}
h1，
h2，
h3，
h4，
h5，
h6{
颜色：#666；
字体系列：“开放式Sans”，无衬线；
字号：600；
保证金：0px 0px；
填充：0px；
}
h1{
字体大小：30px；
线高：45px；
}
氢{
字体大小：25px；
线高：40px；
}
h3{
字体大小：22px；
线高：37px；
}
h4{
字号：18px；
线高：33px；
}
h5{
字体大小：15px；
线高：30px；
}
h6{
字体大小：13px；
线高：28px；
}
p{
利润率：2px0px；
填充：0px；
边缘底部：5px；
线高：28px；
}
a{
文字装饰：无；
颜色：#777；
}
a:悬停，a:活动，a:聚焦{
大纲：0；
文字装饰：无；
颜色：#999；
}
人力资源{
利润率：10px 0px；
填充：0px；
边框顶部：0px；
边框底部：1px实心#eee；
}
：焦点{
大纲：无；
}
：-moz焦点内部{
边界：0；
}
/*文本颜色类*/
怀特先生{
颜色：#ffffff！重要；
}
格雷先生{
颜色：#eeeeee！重要；
}
布莱克先生{
颜色：#555555！重要；
}
瑞德先生{
颜色：#f75353！重要；
}
格林先生{
颜色：#51d466！重要；
}
蓝先生{
颜色：#32c8de！重要；
}
蓝先生{
颜色：#609cec！重要；
}
.橙色{
颜色：#f78153！重要；
}
黄先生{
颜色：#fcd419！重要；
}
紫色{
颜色：#cb79e6！重要；
}
罗斯先生{
颜色：#ff61e7！重要；
}
布朗先生{
颜色：#d08166！重要；
}
/*背景色类*/
.bg白色{
背景色：#ffffff！重要；
}
.bg灰色{
背景色：#eeeeee！重要；
}
.bg黑色{
背景色：#555555！重要；
}
.bg红色{
背景色：#f75353！重要；
}
.bg绿色{
背景色：#51d466！重要；
}
.bg lblue{
背景色：#32c8de！重要；
}
.bg蓝色{
背景色：#609cec！重要；
}
.bg橙色{
背景色：#f78153！重要；
}
.bg黄色{
背景色：#fcd419！重要；
}
.bg紫色{
背景色：#cb79e6！重要；
}
.bg玫瑰{
背景色：#ff61e7！重要；
}
布朗先生{
背景色：#d08166！重要；
}
/*边框颜色类*/
.br白色{
边框：1px实心#ffffff！重要；
}
.br格雷{
边框：1px实心#eeeeee；
}
.br黑色{
边框：1px实心#555555；
}
.br红色{
边框：1px实心#f75353；
}
.br格林{
边框：1px实心#51d466；
}
.br蓝{
边框：1px实心#32c8de；
}
.br蓝色{
边框：1px实心#609cec；
}
.br橙色{
边框：1px实心#f78153；
}
.br黄色{
边框：1px实心#fcd419；
}
.br紫色{
边框：1px实心#cb79e6；
}
.br罗斯{
边框：1px实心#ff61e7；
}
布朗先生{
边框：1px实心#d08166；
}
/*按钮类*/
.btn{
边界半径：2px；
位置：相对位置；
}
.btn.btn-no-border{
边界：0px！重要；
}
/*按钮颜色*/
.btn.btn-white{
背景：#ffffff；
颜色：#666666；
边框：1px实心#dddddd；
}
.btn.btn白色：悬停，
.btn.btn白色：焦点，
.btn.btn-white.active，
.btn.btn白色：活动{
背景：#f7f7f7；
颜色：#666666；
}
.btn.btn-grey{
背景：#eeeeee；
颜色：#666666；
边框：1px实心#d5d5；
}
.btn.btn灰色：悬停，
.btn.btn灰色：焦点，
.btn.btn-grey.active，
.btn.btn灰色：激活{
背景#d5d5d5；
颜色：#999；
}
.btn.btn-black{
颜色：#ffffff；
背景#666666；
边框：1px实心#4d；
}
.btn.btn黑色：悬停，
.btn.btn黑色：焦点，
.btn.btn-black.active，
.btn.btn黑色：活动{
背景：#4d；
颜色：#ffffff；
}
.btn.btn-red{
颜色：#ffffff；
背景#ed5441；
边框：1px实心#e52d16；
}
.btn.btn红色：悬停，
.btn.btn红色：焦点，
.btn.btn-red.active，
.btn.btn红色：活动{
颜色：#ffffff；
背景：#e52d16；
}
.btn.btn-green{
颜色：#ffffff；
背景：51d466；
边框：1px实心#30c247；
}
.btn.btn绿色：悬停，
.btn.btn绿色：焦点，
.btn.btn-green.active，
.btn.btn绿色：活动{
背景#30c247；
颜色：#ffffff；
}
.btn.btn-lblue{
颜色：#ffffff；
背景#32c8de；
边框：1px实心#1faabe；
}
.btn.btn lblue:悬停，
.btn.btn lblue:focus，
.btn.btn-lblue.active，
.btn.btn lblue:活动{
背景：#1faabe；
颜色：#ffffff；
}
.btn.btn-blue{
颜色：#ffffff；
背景：#609cec；
边框：1px实心#3280e7；
}
.btn.btn蓝色：悬停，
.btn.btn蓝色：聚焦，
.btn.btn-blue.active，
.btn.btn蓝色：活动{
背景#3280e7；
颜色：#ffffff；
}
.btn.btn-橙色{
颜色：#ffffff；
背景#f8a841；
边框：1px实心#f69110；
}
.btn.btn橙色：悬停，
.btn.btn橙色：聚焦，
.btn.btn-orange.active，
.btn.btn橙色：活动{
背景：#f69110；
颜色：#ffffff；
}
.btn.btn-黄色{
背景#fcd419；
颜色：#ffffff；
边框：1px实心#dfb803；
}
.btn.btn黄色：悬停，
.btn.btn黄色：焦点，
.btn.btn-yellow.active，
.btn.btn黄色：活动{
背景#dfb803；
颜色：#ffffff；
}
.btn.btn-purple{
背景：cb79e6；
颜色：#ffffff；
边框：1px实心#ba4ede；
}
.btn.btn紫色：悬停，
.btn.btn紫色：聚焦，
.btn.btn-purple
.tab-content{
    z-index: 999;
    position: absolute; /*position has to be absolute*/
}

.ui-323{
    max-width: 310px;
    margin: 40px auto;
    padding:0px 20px;
    overflow: hidden;
  z-index:1; // Here given z-index
}

.ui-323.active{
    z-index:-1;
}

.ui-323 {
  z-index: 10;
}