Question

我在IE 7和Chrome中看到了奇怪的行为，在我的导航中更改了透明背景png上的不透明度。

CSS：

 ul.tabs a {
    height: 48px;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    }

 div.header ul.tabs a:hover {  
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
    }

Answer 1

我相信在IE7中渲染看起来很糟糕的原因是因为IE7不能很好地处理不透明度。 Rick Strahl在一篇名为Internet Explorer 7.0 and Opacity: Not even close!

的博客文章中注意到了这个问题

该博客文章的一条评论链接到IE博客文章Notes on the interaction of ClearType with DXTransforms in IE7，我们了解到IE团队已经意识到这个问题，并提供了一个包含这个宝石的“解释”：

“正如我们的用户也注意到的那样，ClearType文本看起来非常模糊 - 遗憾的是这两种技术混合得不好。这是因为DXTransforms使用的基本卷积变换没有考虑ClearType的空间特性。 “

我相信IE团队能够将ClearType空间卷积转换问责制纳入IE8，但是，唉，这并没有进入IE7。

Chrome和IE中的不透明度问题

1 个答案: