Как установить прозрачность IE? probem с мышью над

Question

Когда я пытаюсь установить непрозрачность в css, мышь над событием не запускается. мой CSS код это-

.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; 
} 

фоновое изображение при наведении мыши становится изменилось в Mozila, но не в IE Когда я удалить фильтр: альфа (непрозрачность = 50) ;, он хорошо в работаю IE также, но затем непрозрачности не приходит в IE ...... ????

Answer 1

Что вы, вероятно, видите, это ошибка IE, в которой ссылки в контейнере с приложенным filter становятся непривлекательными и неуправляемыми.

Исправление, что иногда работает, чтобы добавить Z-индекс для вашей ссылки:

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

Answer 2

Для IE нужно удалить/переустановить стиль фильтра, например:

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

Пробовал это в IE8 (Windows 7) с успехом.