Twitter bootstrap ng选择其他元素后面的下拉列表

Twitter bootstrap ng选择其他元素后面的下拉列表,twitter-bootstrap,angular,Twitter Bootstrap,Angular,我使用Angular 4和Bootstrap 4 下拉菜单在我的日期选择器后面(ng引导) 我不知道如何解决这个问题。我可以通过覆盖select的z索引来解决这个问题: 1) 我将以下内容添加到我的组件的scss文件(即承载ng select的组件): (我必须在css选择器中指定ng select和select下拉列表,以增加css的特殊性,从而使其胜过ng select的css,至少我认为这就是原因) 2) 我在组件的装饰器中添加了enclosuration:viewenclosurati

我使用Angular 4和Bootstrap 4

下拉菜单在我的日期选择器后面(ng引导)


我不知道如何解决这个问题。

我可以通过覆盖select的z索引来解决这个问题:

1) 我将以下内容添加到我的组件的scss文件(即承载ng select的组件):

(我必须在css选择器中指定ng select和select下拉列表,以增加css的特殊性,从而使其胜过ng select的css,至少我认为这就是原因)


2) 我在组件的装饰器中添加了
enclosuration:viewenclosuration.None
,因此其css也将应用于ng select组件。

您是否尝试过使用该元素的“z-index”?您好,在ng上选择“是”,选择z-index:1000000。同时尝试将-10000索引放在下拉列表上的其他元素上,将如此高的z-index值放在下拉列表中。到层之间的差值为1或10000没有区别。它要么重叠,要么不重叠。保持尽可能低的值。好的,可以:)我可以为z-index设置什么好的值?(谢谢:)
ng-select select-dropdown > div {
    z-index: 2;
}