Cufon 弄乱了我的透明 PNG 背景答案

【问题标题】：Cufon is messing up my transparent PNG backgroundsCufon 弄乱了我的透明 PNG 背景
【发布时间】：2010-07-28 16:01:49
【问题描述】：

我有一些带有重复背景 PNG 的 div（作为设置为 ~50% 不透明度的 alpha 通道）；目的是为 div 提供白色透明背景。 div 在所有当前浏览器中都呈现出色。但是当我调用我的 Cufon 代码来替换屏幕上的某些文本时，背景似乎从左上角到右下角以渐变方式淡出（仅在 IE 中）。它似乎不会影响所有 PNG 背景，只会影响某些背景。

Cufon 的某些东西肯定会妨碍渲染透明 PNG。有人见过这个功能吗？

【问题讨论】：

标签： css background transparency cufon

【解决方案1】：

我在 18 个月前使用 cufón，但那是用于白色或彩色背景上的标题和标签，所以我无法在这个方面为您提供帮助。
如果我今天有类似的需求，我会使用 @font-face，因为 Fx3.0 和其他的正在迅速消失，被 Fx3.5+ 和其他最近的浏览器所取代。您是否有限制使用此与 IE 兼容的功能？

几个问题，如果有帮助的话：

这些元素是否具有 hasLayout（如果它们还没有宽度、高度，则使用 zoom: 1;）或其父元素。
是否总是相同的元素起作用和不起作用？
如果将一个显示正常的背景替换为另一个不正常的背景会发生什么？这是有问题的同一个元素或相同的背景还是发生了其他事情？

【讨论】：

【解决方案2】：

Cufón 不是造成问题的原因；它只是掩盖它。真正的问题是我使用的是 1px x 1px 的透明 .png。 IE 会错误地渲染它们并淡出它们；就好像它们被拉伸到了极限。

【讨论】：

您必须确保您使用的任何透明 png 大于 1x1 像素。我还没有测试过它开始工作的尺寸，但 10x10 像素对我来说很有效，而且似乎大多数人都建议这样做。

【解决方案3】：

使用更大的背景图片 - 10 像素 X 10 像素或更多。

【讨论】：