下拉菜單正在隱藏。不透明度，溢出和Z指數不起作用

-1

下拉菜單正在隱藏。我不知道什麼問題。如果我給不透明和溢出可見它不工作。我已經嘗試過檢查元素，但它不起作用。

代碼文本框： -

<input class="typeahead form-control tt-input" id="search" placeholder="Location" type="text" spellcheck="false" dir="auto" aria-activedescendant="" aria-owns="search_listbox" role="combobox" aria-readonly="true" aria-autocomplete="list" style="position: relative; vertical-align: top;">

CSS： -

element.style { 
    position: relative; 
    vertical-align: top; 
} 
.form-control { 
    padding: 10px 22px; 
    border: 4px solid #938F94; 
    height: 47px; 
} 
.form-control { 
    display: block; 
    width: 100%; 
    height: 34px; 
    padding: 6px 12px; 
    font-size: 14px; 
    line-height: 1.42857143; 
    color: #555; 
    background-color: #fff; 
}

代碼TT-菜單:-(下拉）

element.style { 
    position: initial; 
    top: 100%; 
    left: 0px; 
    z-index: 100; 
    display: none; 
} 
.tt-menu { 
    width: 350px; 
    margin: 0; 
    padding: 8px 0; 
    background-color: #fff; 
    border: 1px solid #ccc; 
    border: 1px solid rgba(0, 0, 0, 0.2); 
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); 
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); 
    box-shadow: 0 5px 10px rgba(0,0,0,.2); 
}

如何使它可見溢出？

來源

2017-01-20 Logeshwaran

也許你的父母div有斧頭的高度和「溢出隱藏」（？）發表你的代碼。 – user5195185

@ user5195185，沒有HIGHT父格，它是自動的高度。 – Logeshwaran

@Logeshwaran您可以通過給嘗試屬性作爲父元素：overflow：visible; – sanjay

如果您使用引導程序下拉列表，請使用此代碼。

.dropdown{ 
    z-index:9999; 
}

來源

2017-01-20 07:50:50

下拉菜單正在隱藏。不透明度，溢出和Z指數不起作用

回答

相關問題