在下面图像的底部,背景颜色并未完全达到。我尝试将其设置为,100vh and 100%
但结果是相同的,即它最多只能覆盖100个视图高度,并且任何滚动下来的东西都可以通过100vh。没有被我的背景色覆盖。我怎样才能解决这个问题?
&__container {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba($color: #13182c, $alpha: 0.7);
height: 100vh;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
您应该发布完整的代码。
但是您发布的图像看起来像是该页面向下滚动了一点(覆盖图后面的导航项被切除了)。您正在使用position: absolute
,它与下一个相对位置较高的元素一起移动,或者-如果没有,则与一起移动body
。这可以解释问题。主体会滚动,覆盖层会沿着窗口移动,但只能与窗口一样高,但是由于主体较高,因此覆盖层下方有一些空间...
要解决此问题,请尝试使用position: fixed
代替position: absolute
。在这种情况下,覆盖位置将与视口本身(即窗口)有关。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句