欢迎光临
我们一直在努力

CSS设置图片透明效果

建站超值云服务器,限时71元/月

使用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(images/2.gif) no-repeat; 
}
 </style>
 </HEAD>

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

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » CSS设置图片透明效果
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址