Home >Web Front-end >HTML Tutorial >为什么设置的滤镜效果根本没有用?_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-21 09:46:021479browse

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

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn