Css 调整angularjs typeahead指令的z索引

Css 调整angularjs typeahead指令的z索引,css,angular-ui,jquery-layout,Css,Angular Ui,Jquery Layout,我将Angularjs typeahead指令与jquery布局插件结合使用。是指向我正在使用的应用程序的链接。当我在输入框中键入地址时,自动完成结果列表隐藏在大小调整器后面。我尝试过更改自动完成列表和窗格大小调整器的z-index属性,但似乎没有任何效果。解决这个问题的最好办法是什么 .ui-layout-resizer-open { z-index: 1; } .dropdown-menu { z-index: 2; } 您可以通过告诉typeahead指令将建议列

我将Angularjs typeahead指令与jquery布局插件结合使用。是指向我正在使用的应用程序的链接。当我在输入框中键入地址时,自动完成结果列表隐藏在大小调整器后面。我尝试过更改自动完成列表和窗格大小调整器的z-index属性,但似乎没有任何效果。解决这个问题的最好办法是什么

.ui-layout-resizer-open {
    z-index: 1;
 }

 .dropdown-menu {
    z-index: 2;
 }

您可以通过告诉
typeahead
指令将建议列表附加到
正文
来解决此问题。只需添加
typeaheaddappendtobody
属性以及其他
typeahead
属性:

typeahead-append-to-body="true"

演示:谢谢。你的回答帮助了我