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（不透明度= 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;
}

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

2 个答案: