2017-01-20 10 views
-1

enter image description hereDropdown wurde versteckt. Opazität, Überlauf und Z-Index funktioniert nicht

Dropdown ist versteckt. Ich weiß nicht, welches Problem. Wenn ich die Opazität und den Überlauf sichtbar mache, funktioniert es nicht. Ich habe versucht, Element zu inspizieren, aber es funktioniert nicht.

-Code für Textfeld: -

<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; 
} 

-Code für tt-Menü :-(Dropdown)

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); 
} 

Wie man es machen Überlauf sichtbar ?

+0

Vielleicht deine Eltern div hat Axt Höhe und ‚Überlauf versteckt“ (?) Hier können Sie Ihr Code. – user5195185

+0

@ user5195185, gibt es keine Höhe für Eltern div ist es auto Höhe. – Logeshwaran

+0

@Logeshwaran Sie können versuchen, indem sie Eigenschaft zum übergeordneten Element als: Überlauf: sichtbar – sanjay

Antwort

0

Verwenden Sie diesen Code, wenn Sie das Bootstrap-Dropdown-Menü verwenden.

.dropdown{ 
    z-index:9999; 
} 
Verwandte Themen