求教:图片由红色为主色调使用CSS变为以蓝色为主色调如何变?

阅读:8630回复:6
2010-06-15 10:55
写私信
楼主#
图片由红色为主色调使用CSS变为以蓝色为主色调如何变?

我在网页上现有的图片是以红色为主色调的,我想使用CSS把它从红色变为蓝色,应如何现实?图片是jpg文件。
2010-06-15 10:55
写私信
1楼#
菜鸟路过。CSS能改变现有的图片吗?好像背景倒是可以实现渐变的:
@-moz-document url-prefix("http://") {
body {background-image: -moz-linear-gradient(top, red, blue) !important;}
}
听老人说,今生做千件好事,来世方能讨生为猫。
2010-06-15 10:55
写私信
2楼#
都老狐狸了还敢说是菜鸟。

我这个网页中有很多图片,装饰用的,比如某些表格中的背景图之类的,现在的基本色调是红色,我原本的打算是如果图片本身不去动它,只用CSS或者是其它的网页技术使得它显示出来时是蓝色的,这也就达到我的目的了。不知能不能帮一下我。
2010-06-15 10:55
写私信
3楼#
http://www.pixastic.com/lib/docs/actions/hsl/
上面这个是利用 javascript 修改图片的色度、亮度、饱和度的演示,网站也提供了源代码供参考。
其原理是以设定的参数逐个处理图片的像素然后将图片替换成填充了处理后像素的 canvas 容器;演示的性能看来还不错。
反正 CSS (即使 CSS3 也是)目前还没有提供类似 IE 的滤镜功能,所以不可能用 CSS 实现。
2010-06-15 10:55
写私信
4楼#
先谢谢楼上这位仁兄,我先来试一下。
2010-06-15 10:55
写私信
5楼#
还可以酱紫用啊,长见识了。
2013-10-21 11:54
写私信
6楼#
CSS 现在也有啦,只不过Firefox 好像还支持不了

img {
-webkit-filter:invert(1);}
中国谋智被曝流氓代码 官方:是别人太肮脏