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; 
}