您的位置：首页 > Web前端 > BootStrap

angular2 ngx-bootstrap modal模态框不在最上层

2017-06-03 14:09 513 查看
angular-cli bootstrap4 使用模态框时，遇到了这2个问题

模态框 不显示

模态框显示后不在最上层

模态框 不显示的问题

这个是纠结最久的问题，明明和官方文档例子一样但是就是不出来

用f12 选择看到模块都在，只是没有显示出来，然后去官方文档又仔仔细细的看了一遍发现少加了一个样式

Let ngx-bootstrap know you are using BS4

Open /src/index.html and add the following markup:

<body>
<!-- Enable bootstrap 4 theme -->
<script>window.__theme = 'bs4';</script>

<app-root>  </app-root>
</body>


发现我少加了 
<script>window.__theme = 'bs4';</script>
这句导致样式出不来

模态框显示后不在最上层

模态框显示出来之后，发现不在最上层，查到的大多数回答都是 z-index 设置的解决方法。

但是这个明显和我这个没关系， ngx-bootstrap的全是组件，样式都在里面写好的，不可能是 z-index设置出错

最终发现这个问题是因为使用 modal 组件的上层父组件有绝对定位，我这里想让导航条不滚动所以设置的绝对定位，把这个去掉后问题解决了。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  bootstrap angular2
相关文章推荐
新的分享
章节导航