z-index問題與引導下拉菜單類

Question

我需要設置下拉菜單類中的下拉z-index在bootstrap.I試圖設置z-index：1000但它不適合我。

任何人都可以請指導我關於這個問題：

.dropdown-menu { 
    background-clip: padding-box; 
    background-color: #FFFFFF; 
    border: 1px solid rgba(0, 0, 0, 0.2); 
    border-radius: 6px 6px 6px 6px; 
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 
    display: none; 
    float: left; 
    left: 0; 
    list-style: none outside none; 
    margin: 2px 0 0; 
    min-width: 160px; 
    padding: 5px 0; 
    position: absolute; 
    top: 100%; 
    z-index: 1000; 
} 

Answer 1

的z-index是可以繼承的，也許是父母div有它z-index:0 !important;，所以你必須設置!important來覆蓋它。

z-index: 9999 !important;

，或者你有設置菜單項具有的z-index比親少，所以他們得到重疊。

Answer 2

稍等一下！代碼中有display: none;。去掉它！