Home >Web Front-end >HTML Tutorial >为什么设置的滤镜效果根本没有用?_html/css_WEB-ITnose
<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>
另外还有一个问题 这个图像的渐变效果是怎么实现的啊?
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来实现啊?