下拉元素隱藏!!! z-index的問題

Question

HTML

<div ng-controller="LangCtrl" class="dropdown dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" 
     aria-expanded="true" style="cursor:pointer;"> 
    {{'COMMON.CHOOSE_LANG' | translate}} 
    <span class="caret"></span> 
     <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
      <li ng-repeat="lang in langs" ng-click="changeLanguage(lang.key)" id="lang_{{lang.key}}"><a href="">{{lang.name}}</a></li> 
     </ul> 
</div> 

CSS

.dropdown-menu { 
    position: absolute; 
    top: 100%; 
    left: 0; 
    z-index: 200; 
    display: none; 
    float: left; 
    min-width: 160px; 
    padding: 5px 0; 
    margin: 2px 0 0; 
    list-style: none; 
    font-size: 12px; 
    text-align: left; 
    background-color: #ffffff; 
    border: 1px solid #cbcbcb; 
    border: 1px solid rgba(0, 0, 0, 0.15); 
    border-radius: 4px; 
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
    -webkit-background-clip: padding-box; 
    background-clip: padding-box; 
} 

我試圖改變的z-index值的下拉菜單，但沒有得到解決。我不知道問題在哪裏。下拉菜單中有四種語言，但有兩種正在隱藏。

我附上上面的CSS和HTML。請幫幫我。 任何幫助表示讚賞。

感謝

Answer 1

沒有所有的代碼堆棧我不能肯定，但請你確認這個問題不是由overflow: hidden到您的容器造成的？

另外，請注意，只有帶位置的元素才受z-index堆棧的影響。