comment régler l'opacité IE? Problème avec la souris sur

Question

Lorsque j'essaie de définir l'opacité dans css, l'événement mouse over ne se déclenche pas. mon code css est-

.dropmenudiv_a{ 
    position:absolute; 
    top: 0; 
    border: 1px solid white; /*THEME CHANGE HERE*/ 
    border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline  above*/ 
    border-bottom-width: 0; 
    border-left-width: 0; 
    border-right-width: 0; 
    font:normal 12px Arial; 
    line-height:18px; 
    z-index:100; 
    background-color: lightgray; 
    width: 200px; 
    visibility: hidden; 
    opacity:0.9; 
    filter: alpha(opacity = 50); // for IE 
} 

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/ 
    background:url(media/menuover.jpg) repeat-x top; 
    color: white; 
} 

image de fond de la souris est se changer en Mozila mais pas dans IE Quand je supprimer le filtre: alpha (opacité = 50) ;, il est Workin bien dans IE aussi mais l'opacité ne vient pas dans IE ...... ????

Answer 1

Ce que vous voyez probablement est le bogue IE où les liens au sein d'un conteneur qui a un filter appliqué deviennent non cliquables et non focalisables.

Un correctif qui fonctionne parfois est d'ajouter un z-index à vos liens:

.dropmenudiv_a a { 
    position: relative; 
    z-index: 1; 
} 

Answer 2

Pour Internet Explorer, vous devez supprimer/réinitialiser le style de filtre, comme ceci:

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/ 
    filter: none; /* resets the filter */ 
    background:url(media/menuover.jpg) repeat-x top; 
    color: white; 
} 

Essayé dans IE8 (Windows 7) avec succès.