跨浏览器不透明度答案

【问题标题】：Cross browser Opacity跨浏览器不透明度
【发布时间】：2009-10-30 00:19:58
【问题描述】：

我有一个非常简单的要求，让链接看起来被禁用。为什么这么难？？

.disabled { 
    -moz-opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); opacity:.50; 
}

是我的风格。我已经将它应用到一个 li...但在 IE7 中它什么也不做。 FF 和 IE8 好像都可以，但是 IE7 就是垃圾

有什么线索吗？

【问题讨论】：

【解决方案1】：

据我所知，一个元素需要布局（例如“缩放：1”）或背景颜色才能使 filter:alpha 起作用。

【讨论】：

【解决方案2】：

我能否提出一个建议，我并不完全欣赏您想要的效果，但会给您带来类似于不透明度的效果。

打开您的图像编辑器，以默认链接颜色输入一些文本

将不透明度更改为 50%

捕获新的颜色值

.disabled { 
color:#yournewcolorvalue;

}

例如，如果我采用默认的蓝色链接颜色 #0000FF

50% 的不透明度值为#7F7FFF

【讨论】：

【解决方案3】：

它需要明确的尺寸或缩放因子才能在 IE 领域“具有布局”。

【讨论】：

【解决方案4】：

不确定，但试试0.50 而不是.50

【讨论】：

【解决方案5】：

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";   
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);   
opacity:.5;

【讨论】：