Css UI引导仅将模式背景应用于元素

我的应用程序在

div

中显示一个UI引导模式，上面有导航栏，通常在我启动模式时，整个背景都会应用背景（变暗），我的模式不会附加到

body

中，而是附加到

div

中（模式选项）：

---

#mainContent

是从主体向下的DOM的几个级别，但是整个视口被背景调暗。有没有办法将背景（甚至整个模式组件）仅应用于一个元素而不是整个视口？

您必须将背景的CSS部分更改为该部分，它将仅覆盖第一个没有位置：绝对的父容器

.modal-backdrop {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1040;
    background-color: #000;
}

---

我已经在

上添加了它，不知道它是如何设计的，但由于Background只是另一个div-你可以用任何方式修改它css它在plunker上工作，但不是在我需要的地方，我有点希望将它应用到div上，而不受任何限制。这个原则应该适用于任何地方，你只需要调整它以适应你的代码是的，你是对的。尽管值得一提的是，

.modal background

将覆盖所有其他模态样式，但它应该被命名为其他样式，并与

backdropClass

一起使用！！

.modal-backdrop {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1040;
    background-color: #000;
}