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

时间:2012-02-09 07:37:32

标签: javascript html css dom opacity

#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不对文本起作用。关于如何使这项工作的任何想法?

2 个答案:

答案 0 :(得分:3)

您需要同时使用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之类的东西来检查它是否与你元素的布局有关。< / p>

答案 1 :(得分:1)

因为你将为0-1之间的其他浏览器添加0-100之间的值,例如:

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