龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

css图片透明效果

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
使用CSS设置一个图片的透明效果 效果:可以通过前面的图片看到后面的图片 主要用的是filter:alpha(opacity=50); 其中50为透明值,0表示完全透明,100表示不透明。 详细代码: HTML HEAD TITLE图片

使用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.111cn.cn/banner/banner.gif) no-repeat; 
}
 </style>
 </HEAD>

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


精彩图集

赞助商链接