更改背景图像的亮度?

用户名

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章