ie7 png不透明度。可能吗

时间:2011-06-08 10:02:15

标签: html css internet-explorer-7 internet-explorer-6

1)不要使用ie8选项“work as ie7”。它就在这种情况下 2)使用clean ie7或ietester last version

例如test.png可以是50%透明jpeg图片。 我知道在ie7中使用它的两种方法:

background-image: "test.png"; filter: alpha(opacity=70)

您将看到灰色图片

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="test.png")
  alpha(opacity=70);
background: none;

您会看到白色图片

2变种来自ie6!

示例:http://pastehtml.com/view/awfp66p2m.html 1个原件。 2灰色背景。 3白色进步

ie7 屏幕截图:http://clip2net.com/clip/m46295/1307529587-cliptj2620-2kb.png

ie6 屏幕截图:http://clip2net.com/clip/m46295/1307529630-cliptt2620-2kb.png

3图像在ie6和ie8中完美运行。它意味着在ie6和ie8中我可以使用jquery来设置不透明度!

2 个答案:

答案 0 :(得分:2)

我不是100%肯定你的意思,但我认为这是所有版本IE中的一个已知错误(至少8个,不确定约9):如果包含它们的元素的opacity值不同于100%,则具有Alpha透明度的图像将无法正确显示。

有关详细信息,请参阅此答案:How to make a Google Maps semi-transparent PNG tile layer work in IE8?

答案 1 :(得分:0)

我发现这个非常有帮助:http://labs.unitinteractive.com/unitpngfix.php