要素を透過表示する。

filterとopacity属性を設定すると、IEやFirefoxで要素を透過表示できます。

IEやFirefoxの両方に対応する場合、filterとopacity属性を両方指定する必要があります。
属性のパラメータで透過度を指定します。
要素の幅を指定しないとIEで透過が行われません。(IE6で確認)
要素に含まれる画像や、要素の背景画像も透過します。
残念ながらswfは透過しません。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="ja" lang="ja">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <style type="text/css">
        body {
            background-image: url("./back.gif");
            background-repeat:repeat;
        }
        div.transparent {
            /* 透過の指定 */
            filter: alpha(opacity=50);
            opacity:0.5;
            width:100%; /* 幅を指定しないとIE6で透過しない */
            background-color:#88aaaa;
            
            margin:0px 20px 20px 20px;
        }
    </style>
  </head> 
  <body>
      <h3>透過するdiv要素</h3>
      <div class="transparent">
        <!-- div内の画像も透過する -->
　　　　<img src="./tr.gif" />
      </div>
      
      <h3>背景画像も透過する</h3>
      <div class="transparent" style="background-image: url('./tr.gif');height:300px;">
      </div>
          
      <h3>swfは透過しない</h3>
      <div class="transparent">
         <object id='sample'
            classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'
            codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0' >
            <param name='src' value='sample'/>
            <embed name='sample' src="sample.swf"'
                pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'
                height='200' width='250' >
         </object>
      </div>
      
  </body>
</html>

確認はこちらから。

参考:Cross Moon - 背景を透過する(IE)