如何使用CSS3更改图像的颜色?

kal*_*nji 5 html css html5 css3

这有效:

a { color: hsla(0,100%,50%,0.2) }
Run Code Online (Sandbox Code Playgroud)

而这不是:

img { color: hsla(0,100%,50%,0.2) }
Run Code Online (Sandbox Code Playgroud)

是否有类似的东西img { opacity: 1 }允许为图像定义hsl值?

Nea*_*alv 11

文字和图像是两个不同的东西.

浏览器使用您提供的设置呈现文本(装饰,大小字体颜色......)

以另一种方式呈现图像.浏览器没有关于图像上的内容的信息,因此不能改变图像本身.

像颜色等参数不会对图像产生影响.

顺便说一句,颜色参数定义文本颜色.

编辑:如果要对图像应用"颜色",可以使用背景图像创建div,然后在该div中创建另一个具有背景颜色和不透明度的div.这样,透明色将叠加在图像上.