IE、FireFox対応の半透明div

4860 ワード
職場 カジュアル 

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

課題コメント11/5
DB