泡沫总是在页面前面

Question

我有一个带有气泡窗口的滑块。滑动滑块后，气泡窗口将跟随滑块处理程序的位置。问题出在滑块上方，有一个div用于显示标题。因此，当滑动发生时，气泡窗口与滑块上方的div重叠，其中滑块的1/3部分隐藏在div下方。我使用z-index:100作为气泡窗口，一旦滑动发生，就会将它放在前面。但是，气泡窗口仍在div.please下，请参阅图像以获取您的信息。有什么想法吗？

气泡窗容器

.sliderAreaWithUnits { padding-left: 80px !important; padding-right:50px !important; padding-top: 30px !important; padding-bottom: 30px !important; position: relative;top: 0;left: 40;border-radius: 4px;}

Bubble window css

.bubbleWindow {
    position: absolute;
    top: -20px;
    width: 80px;
    height: 50px; 
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding-top: 9px;
    background: transparent url('../Images/bubbleWithUnits.png') no-repeat ;
    display: none;
    z-index: 100;
}

标题css

#headerTitle, .headerTitle {
    margin:0;
    color:@primary-text-color;
    padding:3;
    font:bold 16px Arial, Sans-Serif;
    text-decoration:none;
}
.trigger #headerTitle {
    background:url('../../content/images/toggleArrowUp.png') no-repeat right;
    margin:0;
    height: 24px;
    padding:0 0 0 10px;
    font:bold 12px/24px Arial, Sans-Serif;
    color:@primary-text-color;
    text-decoration:none;
}