UI-Bootstrap只應用模態背景元素

我的應用程序在div內顯示一個UI-Bootstrap模式，上面有導航欄，通常當我啓動模式時，整個背景應用背景（調光器），我的模式不附加body而是到div像這樣（模式選擇）：UI-Bootstrap只應用模態背景元素

appendTo: angular.element(document.querySelector("#mainContent")), 
backdrop: true,

#mainContent是幾個層次上下來，從身體的DOM，但整個視口由背景變暗。有沒有辦法將背景（或甚至是整個模態組件）應用於僅一個元素而不是整個視口？

2016-05-04 svarog

不知道它是如何設計的，但由於背景只是另一個div - 你可以用任何你喜歡的方式修改它的css –

你必須改變的大背景下，以本的CSS組成部分，將只包括不具有位置上的第一父容器：絕對

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

我將它在plunker

2016-05-04 10:48:54

它可以在重力作用下工作，但不是我需要它的地方，我有點希望將它應用到div沒有任何限制 – svarog

這個原則應該無處不在，你只需要適應你的代碼 –

是的，當然，你是對的。儘管值得一提的是'.modal-backdrop'會覆蓋所有其他的模式風格，它應該被命名爲別的東西並且與'backdropClass'一起使用！ – svarog

回答