ugrás a tartalomhoz

CSS menü meghal IE alatt, ha opacity-t állítok rá

halucska · 2006. Dec. 4. (H), 10.55
Heló!

Szeretnék áttetsző legördülő menüt, mer az menő. Viszont IE alatt, ahogy beállítom neki a filtert css-ben, elkezd nem működni: kinyílik, de ha végigszántok rajta egérrel, akkor magától becsukódik.
Miért?
 
1

És a kód:

halucska · 2006. Dec. 5. (K), 10.49
HTML:

...
  1. <script type="text/javascript">  
  2. <!--  
  3. window.onload=show;  
  4. function show(id) {  
  5. var d = document.getElementById(id);  
  6.   for (var i = 1; i<=10; i++) {  
  7.      if (document.getElementById('smenu'+i))   
  8.         {document.getElementById('smenu'+i).style.display='none';}  
  9.   }  
  10. if (d) {d.style.display='block';}  
  11. }  
  12. //-->  
  13. </script>  
...
  1. <div id="menu">  
  2.   <dl>              
  3.     <dt onmouseover="javascript:show('smenu1');" class="menu_font"><a href="#" class="fade">Menü1</a></dt>  
  4.       <dd id="smenu1" onmouseover="javascript:show('smenu1');" onmouseout="javascript:show('');">  
  5.         <ul>  
  6.           <li><a>Menü1_1</a></li>  
  7.           <li><a>Menü1_2</a></li>  
  8.         </ul>  
  9.       </dd>  
  10.   </dl>  
  11. </div>  
CSS:

...
  1. #menu dd {  
  2.   position:absolute;  
  3.   top: 32px;  
  4.   displaynone;  
  5.   border-left1px solid #396BbD;  
  6.   border-right1px solid #396BbD;  
  7.   border-bottom1px solid #396BbD;  
  8.   width150px;  
  9.   opacity: 0.8;  
  10.   filter: alpha(opacity=80); /* na, ezt nem lehet mert akkor vége a világnak */  
  11. }  
...