twitter引导工具提示显示在modal后面
twitter bootstrap tooltip showed behind modal
我在输入组中有一个带有span的工具提示,显示在主模态div后面的模态弹出窗口中。
这是我在表单组中的工具提示
<div class="form-group margin-none innerB">
<label for="form_field_name" class="col-sm-3 control-label">label</label>
<div class="col-md-9">
<div class="input-group">
<input type="text" id="form_field_name" name="form_field_name" class="form-control" value="0" readonly="readonly" />
<span class="input-group-addon" data-toggle="tooltip" data-container="body" data-placement="top" data-original-title="tooltip text"><i class="fa fa-question-circle"></i></span>
</div>
</div>
这是我的模式:
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="modalLabel">Modal Title</h4>
</div>
<div class="modal-body">
<div id="modal_body" class="modal-body padding-none">
<div class="lead separator center relativeWrap">
<p class="innerTB margin-none">
<i class="fa fa-fw fa-spinner fa-spin"></i> loading
</p>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
已解决
我解决了更改这个问题:
data-container="body"
用于:
data-container=".modal-body"
模态具有更高的z索引,请检查其z索引,并将高于的z索引提供给工具提示。这可能会解决
如果我更改z索引,我会在标签标签中使用工具提示。然而,标签标签有一些东西,它已经不见了。只显示工具提示。此外,我没有使用数据容器="em";身体
更新:
我添加css文件位置:固定现在,标签和工具提示正在显示。
.tooltip {
z-index: 100000000 !important;
position: fixed;
}
我根据自己的情况更改了z索引值。
相关文章:
- 如何在Bootstrap Modal中为动态点击生成的变量设置jade属性
- ngSubmit在modal中不工作
- Jquery Modal表单登录与AJAX-ASP经典上的IE 9
- dataTables-如何自定义分页类型以显示最后一个页码后面的省略号,
- 在递归生成器函数中,yield后面的*(星号/星号)语法意味着什么
- 如何制作Connected Modal窗口
- 如何准确地知道打开了哪个Foundation Modal窗口
- jQuery Modal Dialog无法使用回发
- 导航栏隐藏在图片后面
- 如何使用jQuery&Zurb Foundation 5 Reveal Modal
- 柱状图后面的一列
- Handlebars访问第一个项目,然后访问后面的每个项目(在每个循环中)
- 使用javascript替换后面跟着@的文本
- Jquery and Bootstrap Modal
- 在Java中显示Bootstrap Modal
- jQuery Modal Popup-回发后输入类型设置为null
- 用于删除紧跟在非数字后面的零的正则表达式
- Angular Material DatePicker日历显示在Angular Modal后面
- Bootbox.js alert modal——关闭它后面的引导模式
- twitter引导工具提示显示在modal后面