angularjs - 与 Bootstrap 模态一起使用时显示在模态后面的 Angular ui-select 选项

Question

我正面临 Angular ui-select 的问题(HTML 选择的替代品)。我添加了选项 append-to-body 以便它可以显示在其他元素之上。

但我面临一个问题，当它在引导模式之上使用时，它不显示选项列表。事实上，它显示选项列表显示在模式后面，正如您在图像中看到的那样。

这个问题有什么解决方法吗？

Answer 1

只需为 ui-select 元素的父元素添加一个大于 1050 的 z-index CSS 属性。

为什么大于 1050？

因为 .modal 类上的 z-index 设置为 1050 所以我们需要提供更高的 z-index 下拉菜单的父元素，以便它可以出现在 z 轴上的模态上方。