自降下來Z-指數發行

我有一個自舉下拉我的模態對話框。單擊下拉按鈕後下拉菜單出現在窗體。有什麼辦法來解決這個問題，但不使用「的位置是：固定」的，因爲通過使用固定屬性，我與其他問題面對的問題。自降下來Z-指數發行

<div id="dialog" title="Basic dialog" ng-show='showDialog'> 
    <div class="container"> 
     <h2>Dropdown</h2> 
     <div class="dropdown"> 
      <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example 
      <span class="caret"></span></button> 
      <ul class="dropdown-menu"> 
      <li><a href="#">AAAAAA</a></li> 
      <li><a href="#">BBBBBB</a></li> 
      <li><a href="#">CCCCCC</a></li> 
      <li><a href="#">DDDDDD</a></li> 
      <li><a href="#">EEEEEE</a></li> 
      <li><a href="#">FFFFFF</a></li> 
      </ul> 
     </div> 
    </div> 
</div>

See the dropdwon plnkr

來源

2016-03-17 Gurgen Hayrapetyan

的問題是對話，是至極一個div，efectively「包含」下拉列表和它的所有內容，所以drowpdown堆疊上下文surrogated它。

您可以添加此CSS規則，克服你的問題，但把它仔細所以它沒有在您的應用程序其它對話框任何毒副作用：

<style> 
    .ui-dialog, #dialog, #container { overflow:visible; } 
</style>

你也有一個偉大的文章here解釋堆疊內容爲Z-Index是不是大多數人認爲......

來源

2016-03-17 11:34:27 Vi100

感謝您answer.In這種情況下工作，一切都很好，只是我的工作與其他開發者，我必須一個大項目創建自定義的通過angularjs下拉，該下拉不作任何副作用爲他人forms.I應該在我的指示解決這個問題，沒有任何接觸外部樣式。可能嗎？ –

我不使用引導程序也不jQueryMobile只是這類事情，他們創造的DOM元素，並在一個相當時髦的方式移動角落找尋他們.... – Vi100

如果你可以把你的NG-控制器=「AccordionDemoCtrl」屬性的HTML標記，那麼您的身體標記將對應用中的每個視圖「不同」。這給了機會標記一個id或一個類，然後你可以使css規則更具體，即對於一個特定的身體標籤內的對話框：#theBody .ui-dialog {...} – Vi100

自降下來Z-指數發行

回答

相關問題