PNG Files Do Not Show Transparency in Internet Explorer

View products that this article applies to.

This article was previously published under Q294714

Expand all | Collapse all

SUMMARY

If you browse to a Web page that contains an image that has a transparent background in Portable Network Graphics (PNG) format, the image background may appear to be gray rather than transparent.

MORE INFORMATION

Web developers who work with PNG files can use the AlphaImageLoader filter, as demonstrated in the following example:

<html>
<head></head>
<body bgColor="blue">
<!-- This DIV is the target container for the image.  -->
<DIV ID="oDiv" STYLE="position:absolute; left:140px; height:400; width:400;
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
     src='image.png', sizingMethod='scale');" >
</DIV>
</body>
</html>

For more information on the AlphaImageLoader filter, see the following Microsoft Developer Network (MSDN) Web site:

http://msdn2.microsoft.com/en-us/library/ms532969.aspx (http://msdn2.microsoft.com/en-us/library/ms532969.aspx)

For more information about developing Web-based solutions for Microsoft Internet Explorer, visit the following Microsoft Web sites:

http://msdn2.microsoft.com/en-us/ie/default.aspx (http://msdn2.microsoft.com/en-us/ie/default.aspx)

http://support.microsoft.com/iep (http://support.microsoft.com/iep)