Twitter bootstrap glyphicon出现在顶部

Question

我对来自TB的glyphicons有这个问题。在此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;
}