html - 更改背景图像的亮度？

我想知道是否可以更改以下内容的亮度:

 body{
 background-image:url();
 }

使用HTML / CSS。我想更改它的原因是因为我花了相当长的时间来制作图像，但是当我将其放在网站上时，它的亮度突然变成原来的两倍。我已经比较了原始文件和输入网站的文件，它们都是蓝色的非常不同的颜色。

有什么原因吗，有什么办法可以改变亮度？

谢谢。

最佳答案

这将是一个选项，但是它不是很实用，并且在较旧的浏览器中不起作用:

body:after {
  content: "";
  position: fixed;
  top: 0; bottom: 0; left: 0; right: 0;
  background: rgba(0,0,0,0.1);
  pointer-events: none;
}

为了获得更好的颜色控制，请尝试使用hsla()颜色:

body:after {
  content: "";
  position: fixed;
  top: 0; bottom: 0; left: 0; right: 0;
  background: hsla(180,0%,50%,0.25);
  pointer-events: none;
}

确实，在获得所需的浏览器结果之前，最好在图像编辑器中处理图像。

关于html - 更改背景图像的亮度？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21363283/