画像の不透明度を変えるには

<html>
<head>
<title>Sample</title>
<style type="text/css"><!--
#photo {
-moz-opacity:1.0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
--></style>
<script type="text/javascript"><!--
function opacImage(n)
{
document.getElementById("photo").style.MozOpacity = n;
if (document.all)
{
document.getElementById("photo").filters[0].opacity = n * 100;
}
}
// --></script>
</head>
<body>
<img src="photo.jpg" id="photo">
<form>
<input type="button" value="25%にする" onClick="opacImage(0.25)">
<input type="button" value="50%にする" onClick="opacImage(0.50)">
<input type="button" value="75%にする" onClick="opacImage(0.75)">
</form>
</body>
</html>
・サンプルを実行
・サンプルをダウンロード
逆引きクイックリファレンス JavaScript　説明などは本書を参考にしてください。