Twitter Bootstrap Container背景图片不适合Firefox和Microsoft Edge

Question

我有这个元素，如下所示：

>>> for expo in xrange( 8 ):
...     a = int( 10**expo); x = a-2; aClk.start(); _ = ( 0 <= x < a );aClk.stop()
...
2L
0L
1L
0L
0L
1L
0L
1L

在此，背景图像是从RESTful api中异步获取并动态呈现的，因此<div class="container-fluid main-body" [ngStyle]="{'background-image': 'linear-gradient(to bottom, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 100%), url('+contentService.backgroundUrl+')'}"> <router-outlet></router-outlet> </div> 。

这个的CSS如下所示：

contentService.backgroundUrl

这适用于Google Chrome和Safari。预期效果是此容器填充视口的背景图像适合的全高。但是，Firefox和Microsoft Edge无法填充视口的整个高度，因此在图像下方留下了非常大的白色部分。