internet-explorer - 如何在 IE 上获得图像透明度

Question

我有一个设置了 alpha 的 GIF 图像，当我的网站在 Firefox 3.0 中加载时，它会透明地作用于图像中应有的部分。但是，当我尝试在 IE7 中加载 GIF 图像时，它会以实心块的形式返回。实际上，它就像图像中的颜色渗入透明区域一样。

有人对解决此类问题有任何建议吗？关于要查看的内容的指针，或者您用来解决此类问题的路线。

我一直在 CSS 中控制这一点——虽然我想避免使用条件注释路由和多个 CSS，但如果该建议能切实表明我可以如何解决 IE 兼容性问题，我会愿意的。

谢谢，肖恩

score 2 · Accepted Answer

我不记得 IE（任何版本）中的透明 gif 有问题。

首先尝试自行加载图像 - 这将告诉您是图像还是某些 CSS 规则出错了。

如果仍然错误，请尝试使用其他程序重新保存。gimp会做的。

编辑：它在 CSS 级别，所以我会检查哪些规则具有正在出现的背景颜色......希望它应该很容易找到一个可能的候选人。将颜色更改为 #ff0000 并检查图像是否按预期更改。然后找出为什么该规则显示在 IE 而不是 FF 上。如果您有该页面的 URL，我可以看一下。

score 1 · Accepted Answer

试试这两个——把数字弄乱，直到你做对为止。i 4get 用于 IE 和 FF/chrome

opacity: 7;
filter: alpha(Opacity=7);

score 1 · Accepted Answer

我通过切换到 png 修复了 gif 透明度问题。IE7 正确渲染 png alpha 通道。

在 IE7 中打印透明 png 仍然无法正常工作。

score 0 · Accepted Answer

这很奇怪——我在我认为在 CSS 文件中被注释掉的语句中发现了问题：

//margin-top: 46px;
//background-color: #377696;

这是在包含两个图像的元素中。

我赞成每个答案。谢谢！

4 回答 4