How to Fix Transparent PNGs in IE8
Microsoft's Internet Explorer used to be notorious for its inability to display transparent PNGs properly. Instead of a transparent background, it would display them like non-transparent JPEGs, replacing the transparency with a white or black background. One of Internet Explorer 7's features was a fix to this problem. However, even through Internet Explorer 8, bugs remain. If you are finding transparent PNGs on your website and still have trouble loading in IE8, the problem is the redundant "opacity" tag. Other browsers recognize it, but IE8 does not.
Other People Are Reading
Instructions
-
-
1
Open the CSS code controlling the image. In some cases, this will be located within the HTML code as "style=..."
-
2
Delete the line beginning with "opacity:" and ending with a semi-colon (";"). Some browser templates insert this automatically with transparent images. With a PNG, though, it is entirely redundant; the file itself controls the opacity.
-
-
3
Save the code. The image will display properly on IE8 just as it did before on other browsers.
-
1
