关于CSS滤镜设置的问题,为什么网页显示不出来效果,变不了灰色,帮忙查看一下代码看看错在哪里,谢谢

html-css06

关于CSS滤镜设置的问题,为什么网页显示不出来效果,变不了灰色,帮忙查看一下代码看看错在哪里,谢谢,第1张

加个宽度试试

img{

width:100%

filter:gray

}

我这边用360测试是正常的,不知道你那个哪个版本的,有的浏览器不支持滤镜的。哦,记得非IE内核都不支持

如果想改变css背景图片,一般的做法只能使用css滤镜;

css滤镜主要包括:

Speia滤镜     灰度图滤镜     高斯模糊滤镜     反色滤镜     饱和度滤镜  

对比度滤镜    亮度滤镜        色相旋转滤镜      阴影滤镜

css滤镜在浏览器兼容是比较坑爹的问题,ie浏览器有自己一套滤镜filter家族,基本所有ie内核浏览器都支持,ff和Chrome,opera则主要使用css3的滤镜,这些浏览器在后期版本支持css3的滤镜(目前版本基本都支持html5和css3),通过滤镜改变背景图的颜色和效果,当然这些滤镜主要是为了效果而产生,颜色只是固定的几种效果;了解更多可以参考:http://www.cnblogs.com/fsjohnhuang/p/4127888.html

个别时候,css滤镜还需要结合js使用,才能到达必要效果,其实一般背景图片都是用透明度的css来设置它的颜色度;

透明度css列子:

transparent_class {

filter:alpha(opacity=50)

-moz-opacity:0.5

-khtml-opacity: 0.5

opacity: 0.5

}

经测试~这段代码没有问题~在IIS服务器下可以运行,可能是你的IIS没有配置好~一般情况下用http://localhost/index.htm或http://127.0.0.1:80/index.htm作为服务器的地址吧~