通过简单的将元素高度设置为 100vh 即可:
header {
height: 100vh;
position: relative;
background-image: linear-gradient(
rgba(0, 0, 0, 0.6),
rgba(0, 0, 0, 0.6)
),
url(hero.jpg);
background-size: cover;
color: #fff;
}
相关技术: 设置图片变暗遮罩
通过简单的将元素高度设置为 100vh 即可:
header {
height: 100vh;
position: relative;
background-image: linear-gradient(
rgba(0, 0, 0, 0.6),
rgba(0, 0, 0, 0.6)
),
url(hero.jpg);
background-size: cover;
color: #fff;
}
相关技术: 设置图片变暗遮罩