为啥设置的滤镜效果根本没有用 _HTML/CSS

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

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