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

时间:2018-02-27 14:47:22

标签: html css twitter-bootstrap

我有这个元素,如下所示:

>>> 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无法填充视口的整个高度,因此在图像下方留下了非常大的白色部分。

0 个答案:

没有答案