如何设置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) 中尝试成功。

Answer 2

您可能看到的是 IE 错误，其中应用了 filter 的容器内的链接变得无法点击且无法聚焦。

有时有效的修复方法是向链接添加 z-index：

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