Search Options
close
Search the following clips:
All Clips
Everyone's Clips
My Guides
Sign Up
Install
Learn More
Login
IE PNG Alpha Fix - HTC file, auto updater
christianbradley
follow
0
4-23-2007 1:24 PM
4046 views
tags:
ie
,
png
,
alpha
Add a Comment
Login
to Comment. Not a member yet?
Sign up
Today's Top Clips
Navajo Code Talkers break silence for Veterans Day
Elderly Who Forget Age Remember Better
One year in 40 seconds
8 Stay young foods
Congratulations shaor
Heartbreaking: Fort Hood soldiers remembered, in pictures (21 images)
The hazards of driving in East Tennessee
World's first all-glass underwater restaurant has amazing views
Is the Large Hadron Collidar Being Sabotaged by the Future?
Very Nice Animal Photographs for Your Desktop
visit the
Top Clips page
View the Top Clips from
April 23, 2007
Embed This Clip In Your Site...
<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://www.clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/ac60a700-e21f-4935-bd3d-1232e517f72d/189463E0-8F2C-4126-9A69-28F49B8FFDD2/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://www.twinhelix.com/css/iepngfix/demo/" href="http://www.twinhelix.com/css/iepngfix/demo/" style="font-size: 11px;">www.twinhelix.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.twinhelix.com/css/iepngfix/demo/"><H1>IE PNG Alpha Fix v1.0 RC4</H1></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.twinhelix.com/css/iepngfix/demo/"><H4>What is it?</H4></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.twinhelix.com/css/iepngfix/demo/">IE/Windows has very poor PNG support with regards to transparency</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.twinhelix.com/css/iepngfix/demo/"><P>As you are no doubt aware, . That's where this script fits in. It's an IE5.5+ 'behaviour' that you can upload, place one line in your CSS file, and forget. The HTC file will then automatically add near-native PNG support to IMG elements and (unlike many other PNG fix scripts) also supports any element with a "background-image:" CSS property, with <B>no alterations to the page HTML!</B></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.twinhelix.com/css/iepngfix/demo/"><H4>Known Issues</H4></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.twinhelix.com/css/iepngfix/demo/"><li style="margin-left:16px;padding-left: 0px;">Background PNG images can't be tiled. This is a limitation of the IE filter.</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.twinhelix.com/css/iepngfix/demo/"><li style="margin-left:16px;padding-left: 0px;">It's most reliable on elements with non-'auto' dimensions set. So, give images and other elements width/height values; '100%', '10em' and '200px' and so on are all OK.</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.twinhelix.com/css/iepngfix/demo/"><li style="margin-left:16px;padding-left: 0px;">Similarly, padding and borders don't indent the PNG image. An easy fix for this is wrapping your PNG images in container DIVs or similar.</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.twinhelix.com/css/iepngfix/demo/"><li style="margin-left:16px;padding-left: 0px;">There may be about a short time as soon as the image loads when images are not transparent, before the IE filter kicks in.</LI></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;"> </td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/189463E0-8F2C-4126-9A69-28F49B8FFDD2/blog/" title="blog or email this clip"><img src="http://content6.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>
New from the makers of Clipmarks:
Amplify.com - Don't just share the news...Amplify it!
Clipmarks
Home
New Clips
Top Clips
Dashboard
Popular Topics
News
Life
Science
Technology
Entertainment
Get Started
Sign Up
Install Clipping Tool
How Clipping Works
Clip-to-Blog™
ClipSearch
Tools and Resources
FAQ
ClipWeek
Top Clippers
Top Tags
Site Map
About Clipmarks
About Us
Contact
Copyright
Privacy
EULA
OK