Question

我在Angular中构建沙盒应用程序，我想在嵌套在组件中的组件中使用模式。

模态切换就好了，但它背后是它自己的背景 - 这是可以理解的。文档建议将其用作“顶级”＆＃39;尽可能在HTML中，但有没有办法使用自定义CSS来强制模态的功能？

到目前为止，我已尝试过：

.modal {
    z-index: 1701 !important;
}

.modal-backdrop {
    z-index: 1700 !important;
}

.modal.show .modal-dialog {
    z-index: 1702 !important;
}

我可以看到它们是开发工具中应用的规则，但它仍然出现在背景幕后面以及DOM树中更高层的其他组件。

Answer 1

如果你在这里共享更多代码可能会更好（这里有其他类吗？你是如何实例化模态的？）

无论哪种方式，请查看此示例： http://jasonwatmore.com/post/2016/07/13/angularjs-custom-modal-example-tutorial 应该相对容易：）

Bootstrap模式比顶级HTML

1 个答案: