IE 的文本不透明度不起作用

Question

#subNavGal {
    position:relative;
    width:180px;
    height:30px;
    top:-160px;
    left:285px;
    padding-top:20px;
    -webkit-transition:all linear 0.2s;
    -moz-transition:all linear 0.2s;
    -o-transition:all linear 0.2s;
    opacity:0.0;
    filter:alpha(opacity = 0);
}

应该将此 div 内的文本不透明度设置为 0 的 filter:alpha 不适用于该文本。关于如何进行这项工作有什么想法吗？

Answer 1

您需要同时使用 filter 和 -ms-filter 才能在所有 IE（5 及更高版本）版本上获得不透明度工作：

.opaque {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
  filter: alpha(opacity=50); // second!
}

请参阅 opacity on PPK 了解详细信息

如果以前的 CSS 没有完成，也可能与元素的布局有关，尝试使用类似的东西缩放：1 至检查它是否与您元素的布局有关。

Answer 2

对于 ie，您将添加 0-100 之间的值，对于其他浏览器，您将在 0-1 之间添加值，例如：

[disabled] {
  opacity: 0.5;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
}