<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>滤镜</title><style type="text/css">body{ margin:10px;}.alpha1{ filter:alpha(opacity=100,finishopacity=0,style=3);}.alpha2{ filter:alpha(opacity=0,finishopacity=100,style=3);}</style></head><body><center><img src="/static/imghw/default1.png" data-src="file:///C|/Users/asus/Pictures/picture/图片/349030[1].jpg" class="lazy" / alt="为什么设置的滤镜效果根本没有用？_html/css_WEB-ITnose" ><img class="alpha1 lazy" src="/static/imghw/default1.png" data-src="file:///C|/Users/asus/Pictures/picture/图片/349030[1].jpg" / alt="为什么设置的滤镜效果根本没有用？_html/css_WEB-ITnose" ><img class="alpha2 lazy" src="/static/imghw/default1.png" data-src="file:///C|/Users/asus/Pictures/picture/图片/349030[1].jpg" / alt="为什么设置的滤镜效果根本没有用？_html/css_WEB-ITnose" ></center></body></html>另外还有一个问题 这个图像的渐变效果是怎么实现的啊？
filter：alpha（opacity=opcity，finishopacity=finishopacity，
style=style，startX=startX，startY=startY，finishX=finishX，
finishY=finishY）
我按照这个设置了 在三个浏览器 谷歌 firefox ie10 里都测试了 根本没有任何效果 这是为啥？
滤镜 filter 只能在IE 下有效, ie10 好像开始不支持 这样写了，试用css3来实现
滤镜 filter 只能在IE 下有效, ie10 好像开始不支持 这样写了，试用css3来实现
怎么用css3来实现啊？
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
