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

Question

Когда я пытаюсь установить непрозрачность в css, событие mouse over не срабатывает. мой код 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? Когда я удаляю filter: alpha (opacity = 50) ;, это нормально работает и в IE, но затем непрозрачность не появляется в IE .... .. ????

Answer 1

Для 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) с успехом.

Answer 2

Вероятно, вы видите ошибку IE, когда ссылки в контейнере, к которому применен filter, становятся не щелкаемыми и не фокусируемыми.

Исправление, которое иногда работает, заключается в добавлении z-индекса к вашим ссылкам:

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