使用CSS设置一个图片的透明效果

效果：可以通过前面的图片看到后面的图片

主要用的是filter:alpha(opacity=50);

其中50为透明值，0表示完全透明,100表示不透明。

详细代码：

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(/images/logo.gif) no-repeat;

}

/style

/HEAD

BODY

div

/BODY

/HTML