jquery - Internet Explorer 和 Opera 中的不透明度问题

Question

我对 IE8 和 Opera9-10 的不透明度有疑问。当用户点击它时，我的小 JS 会在一行 (<tr>) 中添加一个 CSS 类。这是课程：

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

Opacity 适用于 Firefox 和 Google Chrome，但不适用于 IE 和 Opera。

Answer 1

来自IE 博客：

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

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

Answer 2

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