Twitter自举图形显示在顶部

Question

我有这个问题，来自结核病的图形。在jsFiddle中，您可以看到glyphicon glyphicon-search出现在滑动在紫色方块下的div的顶部。

要查看此效果，请按右侧的按钮。

我的问题是，我该如何避免这种情况？默认情况下，这些glyphicons是position:relative，我想保留这一点。

，除非我展示一些代码，无法发布此..

$("#btn").click(function(){ 
$('#slider').remove(); 

    var sliderDiv = "<div id='slider' " + 
     "class='alert alert-info alert-dismissable' " + 
     "style='position: absolute; width:240px;'> " + 
     "<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ornare condimentum sapien, vitae pulvinar libero ultrices sit amet.</div>"; 
    $(sliderDiv).insertAfter('#testing').hide().fadeIn('slow').wait(50000).slideUp('slow'); 
}); 

Answer 1

由于.alert-info定位在点击，只需添加：

.alert-info { 
    z-index: 10; 
} 

fiddle

Answer 2

我加入了一个属性到.glyphicon分类：

.glyphicon 
{ 
z-index : -5; 
}