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

【问题标题】：IE's text opacity not workingIE 的文本不透明度不起作用
【发布时间】：2012-02-09 16:12:32
【问题描述】：

#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 不适用于文本。关于如何完成这项工作的任何想法？

【问题讨论】：

标签： javascript html css dom opacity

【解决方案1】：

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

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

详情请参阅 PPK 上的opacity

如果之前的 CSS 没有完成它也可能与您元素的布局有关尝试使用 zoom:1 之类的东西来检查它是否与您元素的布局有关。

【讨论】：

【解决方案2】：

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

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

【讨论】：