如何解决如果我使用没有位置绝对值且右上角右下角0的叠加层,接下来会出现什么问题?
如果我使用覆盖层,接下来会出现什么问题 没有
position absolute
和top
left
right
bottom
;0
吗?
<div class="home">
<div class="overlay"></div>
</div>
.home {
background: url(../imgs/background/background1.webp) ;
background-size:cover ;
width: 100vw;
height: 100vh;
position: relative;
}
.overlay {
background-color: rgba (0,0.7);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
我刚刚使用
.overlay {
background: rgba (0,0.7);
width: 100%;
height: 100%;
}
现在可以获得相同的结果。
来源。 W3schools How TO - Overlay
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。