jQuery CSS - 模态框上的自动完成下拉列表

Question

所以我正在研究用 jQuery 制作的自动完成文本输入。不幸的是，这个输入在模态框内，我试图让下拉菜单越过模态框而不是使用滚动条，但没有成功。

我的 CSS:

`.ui-autocomplete { 
position: absolute;
 cursor: default;
 background:white }   


`html .ui-autocomplete { width:1px; } 
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
    z-index:1;   
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}`

Answer 1

如果它是 iframe，您将无法执行此操作。如果它是同一页面上的模态内容，您最好的选择是查看模态内容的溢出和大小属性。