html – 如何使用CSS3更改图像的颜色？

发布时间：2020-12-14 23:18:43 所属栏目：资源来源：网络整理

导读：这有效： a { color: hsla(0,100%,50%,0.2) } 而这不是： img { color: hsla(0,0.2) } 是否有类似img {opacity：1}的东西允许为图像定义hsl值？最佳答案文字和图像是两个不同的东西. 浏览器使用您提供的设置呈现文本(装饰,大小字体颜色) 以另一种方式呈现

这有效：

a { color: hsla(0,100%,50%,0.2) }

而这不是：

img { color: hsla(0,0.2) }

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

最佳答案

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

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

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

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

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!