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