Javascript 无法在owl转盘中放置溢出-y:可见

我正在使用带有下拉菜单的owl旋转木马插件制作导航面板

但我面临的问题是，由于

owl carousel

中的

overflow:hidden

属性，我无法显示下拉菜单（它具有

position:absolute

），因为它隐藏在

owl carousel

div块下。我试着给它

overflow-y:visible

，但它不起作用

我的html代码是

<div class="owl-carousel">
    <div class="inner-carousel">
        <a href="#">Category 1</a>
        <div class="dropdown">
            <ul>
                <li><a href="#">Sub</a></li>
                <li><a href="#">Sub</a></li>
                <li><a href="#">Sub</a></li>
            </ul>
        </div>
    </div>
 </div>

---

大多数自定义下拉列表将下拉列表附加到关闭标记之前，并动态定位它以防止此类溢出问题。猫头鹰转盘可能有一个很好的理由隐藏溢出，所以我不建议弄乱它。相反，您可以试用一个自定义下拉插件，就像已经解决了这个问题的插件一样。可能重复的插件无法隐藏x并使y可见，或者您设置了overflow:visible to all并以其他方式隐藏左右，或者您将下拉框设置在旋转木马之外并使用javascript定位

.inner-carousel .dropdown{
    position: relative;
}
.inner-carousel:hover .dropdown{
    display: block;
}
.dropdown ul{
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
}
.owl-carousel .owl-stage-outer{
    overflow-y: visible !important;
}