使用CSS更改PNG图像的颜色

html-css08

使用CSS更改PNG图像的颜色,第1张

给定一个图像，如何使用CSS更改PNG图像的颜色？下面本篇文章就来给大家使用CSS更改PNG图像颜色的方法，希望对大家有所帮助。 在CSS中使用Filter属性，利用滤镜功能来更改png图像颜色；CSS的Filter属性主要用于设置图像的视觉效果。 Filter属性存在许多属性值：示例1： 使用灰度滤镜将彩色图像更改为灰度图像 输出： 原始图像： 应用过滤器后：示例2： 此示例对图像使用许多过滤器。 效果图： 更多 web前端 知识，请查阅 HTML中文网 ！！

<STYLE type=text/css>

A IMG {FILTER: gray}

A:hover IMG {FILTER:}

</STYLE>

可以把这段代码直接放到页面里，

这样你这个页面下所有带连接的图片都有这个效果了。不过只有IE支持

在网页的<head></head>之间加入以下代码,调整网页的灰度等级…

body{FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayScale :1)}

img{FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayScale :1)}

div {filter: progid:dximagetransform.microsoft.basicimage(grayscale :1)}

object {filter: progid:dximagetransform.microsoft.basicimage(grayscale :1)}

select {filter: progid:dximagetransform.microsoft.basicimage(grayscale :1)}

embed {filter: progid:dximagetransform.microsoft.basicimage(grayscale :1)}

或者加入以下代码到网站 css里

html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)}