设置图片变暗遮罩

使用 linear-gradient 创建一个纯黑的图像叠加在背景图片上就行，记得设置 background-size: cover：

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;
}

相关技术： 让一个部分占据整个视窗