Internet Explorer 和 Opera 中的不透明度问题答案

【问题标题】：Opacity issue in Internet Explorer and OperaInternet Explorer 和 Opera 中的不透明度问题
【发布时间】：2010-11-14 00:13:22
【问题描述】：

我对 IE8 和 Opera9-10 的不透明度有疑问。当用户单击它时，我的小 JS 会在一行 (

) 中添加一个 CSS 类。这是课程：

.selected { 
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
    filter: alpha(opacity=80); /* IE7 */
}

不透明度适用于 Firefox 和 Google Chrome，但不适用于 IE 和 Opera。

【问题讨论】：

标签： jquery css internet-explorer opacity

【解决方案1】：

来自IE Blog：

.selected { 
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  /* IE7 */
}

如果这仍然不起作用，则可能是某些继承的问题，我们需要查看一些脚本和标记或在线示例。

【讨论】：

【解决方案2】：

如果您将课程应用于表中的单个 TD，会发生什么情况？这样做效果更好吗？另一种选择是使用具有 alpha 透明度的 PNG 作为 TR 的背景图像，并通过您的类应用它（但这在 IE6 中不起作用）。

【讨论】：

在 td 上应用不透明度（即点击时）不适用于 Opera 和 IE :)
我看到在 IE no 上启用了 JQuery 中的 Opera 不透明度支持