日期:2014-05-16  浏览次数:20798 次

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


------解决方案--------------------
滤镜 filter 只能在IE 下有效, ie10 好像开始不支持 这样写了,试用css3来实现