把元素放出bootstrap背景

Question

<div id='header'>
    <button style="z-index:9999"></button>
    <div class="modal-backdrop am-fade"></div>
</div>

我有一个像这样的html，模态背景覆盖了整个页面。但我想显示此特定按钮，并将按钮的z-index添加到9999，但它无法正常工作。背景z-index是1040，我需要做些什么吗？我正在使用角度js编写指令，并在指令中附加背景，因此模态背景的<div>应位于标题内，与<button>处于同一级别。感谢

Answer 1

要使z-index生效，您需要使用它定义适当的position规则。一个例子可能包括......

button {
    position: relative;
    z-index: 9999;
}

有关详细信息，请参阅CSS z-index Property

  

z-index仅适用于定位元素（位置：绝对，   position：relative，或position：fixed）。