html - 如何设置不透明度IE？鼠标悬停问题

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 中没有变化？当我删除过滤器时: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) 中试过成功。