javascript - 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 的过滤器:alpha 在文本上不起作用。关于如何使这项工作有任何想法吗？

Answer 1

您需要同时使用 filter 和 -ms-filter 才能在所有 IE(5 及更高版本)版本上使用不透明度:

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

参见 opacity关于PPK的详细信息

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