manewcActionscript Snippets

.PNG Hacks for Internet Explorer (IE 5.5)

No comments

Project: Display .png images among modern browsers

Resources: http://www.alistapart.com/

Summary: This can go in your .css file for the proper browsers:

#mypngimage {
	background: transparent url("/path/to/image.png") repeat-y left top;
	padding: 8px 0;
}

.. and for IE 5.5 - IE 6.0 you will append this:

#mypngimage {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/path/to/image.png',sizingMethod='scale');
	/* NOTE: YOU WILL ALSO HAVE TO DEFINE THE BLOCK */
	display: block;
	height: 50%;
	width: 199px;
	/* I HAVE FOUND THAT THIS WILL GET RID OF THE GRAY AREA (SOMETIMES EXPOSED IN IE) */
	background: transparent;
}

Friday, December 28th, 2007 at 10:09 am and is filed under Web Development. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.