Javascript 下拉菜单隐藏起来了。不透明度、溢出和z索引不工作

下拉菜单正在隐藏。我不知道有什么问题。如果我给不透明和溢出可见，它是不工作的。我试过检查元素，但它不起作用

文本框的代码：-

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

tt菜单代码：-（下拉）

---

如何使溢出可见？

如果使用引导下拉列表，请使用此代码

.dropdown{
   z-index:9999;
}

---

可能您的父div有一个x高度，并且“溢出隐藏”（？）发布您的代码。@user5195185，父div没有高度，它是自动高度。@Logeshwaran您可以尝试将父元素的属性设置为：overflow:visible；从css文件（而不是从浏览器检查器）共享代码。

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

.dropdown{
   z-index:9999;
}