1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> 
  2. <HTML xmlns="http://www.w3.org/1999/xhtml"> 
  3. <meta http-equiv="Content-Type" content="text/html; charset=gbk"> 
  4. <title>透明</title> 
  5. <head> 
  6. <style> 
  7.  
  8. #popupmenu_popup { 
  9. color: #154BA0; 
  10. border: 1px solid #86B9D6; 
  11. background: #D9EEF9; 
  12. filter: Alpha(Opacity=50, Style=0); /*ie firefox下通用的写法*/
  13. opacity: 0.50; 
  14. position: absolute; 
  15. z-index: 30; 
  16. left:300px; 
  17. top: 64px; 
  18. height: 69px; 
  19. width:134px; 
  20. } 
  21.  
  22. #popupmenu_text { 
  23. color: #154BA0; 
  24. position: absolute; 
  25. z-index: 40; 
  26. left:301px; 
  27. top: 65px; 
  28. height: 69px; 
  29. width:134px; 
  30. text-align:center; 
  31. } 
  32. </style> 
  33. </head> 
  34. <body > 
  35.  
  36. <div id="popupmenu_popup"></div> 
  37. <div id="popupmenu_text">DIV半透明但文字不透明</div> 
  38.  
  39. </body> 
  40. </html>