Twitter引导glyphicon出现在顶部

报价员

我有来自TB的glyphicons的问题。在此jsFiddle中,您可以看到在紫色方块下方滑动的glyphicon glyphicon-search顶部div

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

我的问题是,如何避免这种情况?默认情况下,这些字形为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');
});
杰森·雅拉吉(Jason Yaraghi)

由于.alert-info位于点击位置,因此只需添加:

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

小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Twitter引导3禁用的光标出现在IE 11的下拉选项顶部

来自分类Dev

twitter bootsrap modal出现在菜单顶部(不可单击的链接)

来自分类Dev

简码出现在内容顶部

来自分类Dev

简码出现在内容顶部

来自分类Dev

如何使边框仅出现在顶部?

来自分类Dev

jQuery数据选择器出现在Twitter引导模态之后

来自分类Dev

Twitter引导模式出现在错误的位置,未居中且按钮不可单击

来自分类Dev

使UILabel出现在情节提要中的UIImageView顶部

来自分类Dev

状态栏出现在Tableview的顶部

来自分类Dev

Qt:已选择的项目出现在QGraphicsScene的顶部

来自分类Dev

如何使孩子出现在桌子tr内父母的顶部?

来自分类Dev

组件出现在我的侧边栏顶部

来自分类Dev

文本没有出现在UI的顶部中央

来自分类Dev

广告突然出现在几乎每个页面的顶部

来自分类Dev

Qt:已选择的项目出现在QGraphicsScene的顶部

来自分类Dev

使文本输入出现在页面顶部而不是中心

来自分类Dev

NSScrollView总是出现在其他视图的顶部

来自分类Dev

iOS-tableview上的PopUpViewController出现在顶部

来自分类Dev

白框出现在我的导航栏顶部

来自分类Dev

irq / 51-iwlwifi出现在“顶部”

来自分类Dev

移动工具提示出现在顶部

来自分类Dev

导航菜单没有出现在顶部

来自分类Dev

使按钮出现在页面引导程序的中间

来自分类Dev

水平滚动出现在引导程序上

来自分类Dev

引导多选全选不会出现在列表中

来自分类Dev

使按钮出现在页面引导程序的中间

来自分类Dev

引导菜单未出现在 ipad 上

来自分类Dev

.LESS文件出现在Twitter Boostrap中

来自分类Dev

小吃栏未出现在viewpager中的片段布局/回收视图顶部

Related 相关文章

热门标签

归档