css图片透明效果

使用CSS设置一个图片的透明效果
效果：可以通过前面的图片看到后面的图片
主要用的是filter:alpha(opacity=50);
其中50为透明值，0表示完全透明,100表示不透明。
详细代码：
<HTML>
<HEAD>
   <TITLE> 图片透明效果 </TITLE>
<style>
   body {
   background-image: url(images/1.jpg);
   }
   #nav {
         width:760px;
         height:90px;
         margin:15px 0 0 10px;
         overflow:hidden;
         margin-top:100px;
         margin-left:20px;
         filter:alpha(opacity=50);
        background:url(http://www.sj33.cn/images/logo.gif) no-repeat;
}
</style>
</HEAD>

<BODY>
   <div id="nav">
   </div>
</BODY>
</HTML>