css如何调整背景图片亮度

CSS 是一种语言，用于描述文档的表现方式，包括背景图片亮度。

亮度在 CSS 中可由属性 filter 来调节。

  .brightness {
    filter: brightness(50%); /* 此处亮度设为50% */
  }

在上述代码中，亮度由 filter 属性控制。该属性的参数指定幅度的颜色均匀分布（0 为黑色，100% 为原色）。

调整背景图片亮度时，可在 CSS 文件中添加以下代码：

  body {
    background-image: url("bg.jpg");
  }

  /* 亮度降低 50% */
  body.brightness-down-50 {
    filter: brightness(50%);
  }

  /* 亮度增加 50% */
  body.brightness-up-50 {
    filter: brightness(150%);
  }

上述代码首先将图片添加为背景，然后使用 CSS 类将亮度调低 50% 或增加 50%。

总之，CSS 提供了一种简便的方法来调整背景图片亮度。