Html 如何使身体的背景图像变暗？

我试图把我身体的背景图像调暗。我已将背景大小设置为“封面”

body {
background-image: url(assets/content-images/hero.jpg);
background-size: cover;
color:'darken'
}

---

这似乎不起作用？

应用于整个背景的任何样式（例如颜色）都不会改变背景图像的阴影

有一个使用渐变的技巧效果很好，但在浏览器不兼容的情况下，使用渐变颜色非常重要，而且还要确保文本的对比度在渐变颜色上是可见的

承蒙：