DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> 關於CSS >> css圖片透明效果
css圖片透明效果
編輯:關於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>
) no-repeat;
 }
 
 
 
 
  
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved