兼容IE、FireFox的半透明div

  
  
  
  
  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=50Style=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. #popupmenu_text { 
  22. color: #154BA0; 
  23. position: absolute; 
  24. z-index: 40; 
  25. left:301px; 
  26. top: 65px; 
  27. height: 69px; 
  28. width:134px; 
  29. text-align:center; 
  30. </style> 
  31. </head> 
  32. <body > 
  33.  
  34. <div id="popupmenu_popup"></div> 
  35. <div id="popupmenu_text">DIV半透明但文字不透明</div> 
  36.  
  37. </body> 
  38. </html> 

 

你可能感兴趣的:(职场,休闲)