看个例子
<style>
#mydiv1 {
FILTER: Alpha(Opacity=30); z-index:1;LEFT: 106px; WIDTH: 83px;
POSITION: absolute; TOP: 77px; HEIGHT: 39px; BACKGROUND-COLOR: #aaaaff
}
#mydiv2 {
FILTER: Alpha(Opacity=30); z-index:1;LEFT: 106px; WIDTH: 82px;
POSITION: absolute; TOP: 115px; HEIGHT: 125px; BACKGROUND-COLOR: #aaaaff
}
#mydiv3 {
FILTER: Alpha(Opacity=30); z-index:1;LEFT: 17px; WIDTH: 87px;
POSITION: absolute; TOP: 115px; HEIGHT: 72px; BACKGROUND-COLOR: #aaaaff
}
</style>
<script>
function setbig(anch)
{
document.all["mydiv1"].filters.Alpha.Opacity=0;
document.all["mydiv2"].filters.Alpha.Opacity=0;
document.all["mydiv3"].filters.Alpha.Opacity=0;document.all[anch].filters.Alpha.Opacity=50;
}
</script><div id=mydiv1 onclick=setbig('mydiv1')></div><div id=mydiv2 onclick=setbig('mydiv2')></div><div id=mydiv3 onclick=setbig('mydiv3')></div>
<style>
#mydiv1 {
FILTER: Alpha(Opacity=30); z-index:1;LEFT: 106px; WIDTH: 83px;
POSITION: absolute; TOP: 77px; HEIGHT: 39px; BACKGROUND-COLOR: #aaaaff
}
#mydiv2 {
FILTER: Alpha(Opacity=30); z-index:1;LEFT: 106px; WIDTH: 82px;
POSITION: absolute; TOP: 115px; HEIGHT: 125px; BACKGROUND-COLOR: #aaaaff
}
#mydiv3 {
FILTER: Alpha(Opacity=30); z-index:1;LEFT: 17px; WIDTH: 87px;
POSITION: absolute; TOP: 115px; HEIGHT: 72px; BACKGROUND-COLOR: #aaaaff
}
</style>
<script>
function setbig(anch)
{
document.all["mydiv1"].filters.Alpha.Opacity=0;
document.all["mydiv2"].filters.Alpha.Opacity=0;
document.all["mydiv3"].filters.Alpha.Opacity=0;document.all[anch].filters.Alpha.Opacity=50;
}
</script><div id=mydiv1 onclick=setbig('mydiv1')></div><div id=mydiv2 onclick=setbig('mydiv2')></div><div id=mydiv3 onclick=setbig('mydiv3')></div>
alpha filter 是設置對象透明度的語法:
object. style .filter =
"progid:DXImageTransform.Microsoft.Alpha(sProperties)"
具體網站
1.msdn: 內容
http://msdn.microsoft.com/workshop/author/filter/reference/filters/alpha.asp2.例子一
http://msdn.microsoft.com/workshop/samples/author/filter/shortsamples/alphaex1.htm
例子二:
http://msdn.microsoft.com/workshop/samples/author/filter/alpha.htm