为什么设置的滤镜效果根本没有用？_html/css

为什么设置的滤镜效果根本没有用？_html/css_WEB-ITnose

WBOY

Release： 2016-06-21 09:46:02

Original

1489 people have browsed it

<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="file:///C|/Users/asus/Pictures/picture/图片/349030[1].jpg" / alt="为什么设置的滤镜效果根本没有用？_html/css_WEB-ITnose" ><img  src="file:///C|/Users/asus/Pictures/picture/图片/349030[1].jpg" class="alpha1" / alt="为什么设置的滤镜效果根本没有用？_html/css_WEB-ITnose" ><img  src="file:///C|/Users/asus/Pictures/picture/图片/349030[1].jpg" class="alpha2" / alt="为什么设置的滤镜效果根本没有用？_html/css_WEB-ITnose" ></center></body></html>

Copy after login

回复讨论(解决方案)

另外还有一个问题这个图像的渐变效果是怎么实现的啊？

  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来实现啊？