html – 使用CSS将色调添加到常规图像

概述我在图像标签中有一个常规图像,如 this： <img src="http://i.imgur.com/StEW4JD.jpg" class="image"> 我想转到这个image.我看到了一些混合模式的例子,但是对于混合模式,你需要将图像设置为背景,但我在图像标签中有图像. 可以通过css将色调添加到图像而不将图像设置为背景吗？ 使用具有所需背景颜色的图像的父级. 比设置mix-blend-m 我在图像标签中有一个常规图像,如 this：

<img src="http://i.imgur.com/StEW4JD.jpg" >

我想转到这个image.我看到了一些混合模式的例子,但是对于混合模式,你需要将图像设置为背景,但我在图像标签中有图像.

可以通过CSS将色调添加到图像而不将图像设置为背景吗？

解决方法 使用具有所需背景颜色的图像的父级.
比设置mix-blend-mode：overlay;对你的形象

img{max-wIDth:100%;vertical-align:top;}.blend-overlay{ mix-blend-mode: overlay; }

<div >   <img  src="https://i.imgur.com/StEW4JD.jpg"></div>

https://stackoverflow.com/a/31528825/383904

总结

以上是内存溢出为你收集整理的html – 使用CSS将色调添加到常规图像全部内容，希望文章能够帮你解决html – 使用CSS将色调添加到常规图像所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。