Angular UI Bootstrap时间和;日期选择器弹出窗口显示在输入下方

Question

选择器问题已解决，但仍未与动画类一起使用
我在显示 Angular-strap或UI Bootstrap时间和时间方面遇到了问题。日期选择器。它显示在输入元素下面，位于下面的表行上，我不知道如何处理它，尝试了各种z-index，position，display css，但没有运气。

这是一张它的外观图像：

图片：http://i.imgur.com/zGzh4d2.png（sil for url，声誉太低，无法在此处发布）

我没有使用bootstrap影响它的自定义类。

我的css用于覆盖bootstrap的css的输入，但如果我评论它没有区别。

#content select, input, label, textarea, input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
max-width: 99% !important;
width: 99% ;
line-height:normal !important;
}
input.input-normal {
max-width: auto !important;
width: auto;
height: auto;
line-height:inherit !important;
}

任何建议表示赞赏。

修改
当我在表行上删除ngAnimate的支持类时，问题就消失了。这是执行它的CSS：

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

Answer 1

这是相对/绝对位置的问题。

处理此问题的最佳方法是更改​​触发的容器。在您定义元素的html标记内尝试类似的内容：

container="body"

这应该确保它高于一切。除了身体，你也可以使用其他元素，但是那个应该可以正常工作，除非你处于模态中。