<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
<title>Snipplr</title>
<link>http://snipplr.com/language/css/tags/png</link>
<description>Recent snippets posted on Snipplr.com</description>
<language>en-us</language>
<pubDate>Sun, 19 May 2013 02:02:13 GMT</pubDate>
<item>
<title>(CSS) transparent png drop shadow - bitsculptor</title>
<link>http://snipplr.com/view/70539/transparent-png-drop-shadow/</link>
<description><![CDATA[ <p>This allows you to set a drop shadow around the actual image in a transparent png instead of around the box.</p> ]]></description>
<pubDate>Tue, 26 Mar 2013 01:55:46 GMT</pubDate>
<guid>http://snipplr.com/view/70539/transparent-png-drop-shadow/</guid>
</item>
<item>
<title>(CSS) Transparent Background Pattern - shangle</title>
<link>http://snipplr.com/view/65431/transparent-background-pattern/</link>
<description><![CDATA[ <p>adds a checkered background to images, so images with transparency are revealed.

based upon: http://lea.verou.me/css3patterns/#checkerboard</p> ]]></description>
<pubDate>Thu, 07 Jun 2012 01:12:39 GMT</pubDate>
<guid>http://snipplr.com/view/65431/transparent-background-pattern/</guid>
</item>
<item>
<title>(CSS) IE png black border fix - raz</title>
<link>http://snipplr.com/view/60322/ie-png-black-border-fix/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sat, 29 Oct 2011 01:18:15 GMT</pubDate>
<guid>http://snipplr.com/view/60322/ie-png-black-border-fix/</guid>
</item>
<item>
<title>(CSS) IE Png Fix - lixonic</title>
<link>http://snipplr.com/view/40006/ie-png-fix/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sat, 04 Sep 2010 21:25:58 GMT</pubDate>
<guid>http://snipplr.com/view/40006/ie-png-fix/</guid>
</item>
<item>
<title>(CSS) IE Fixes: Background PNG Transparency - reynish</title>
<link>http://snipplr.com/view/38002/ie-fixes-background-png-transparency/</link>
<description><![CDATA[ <p>Needs to be set on every element.\r\nimg.png needs to point to background</p> ]]></description>
<pubDate>Wed, 28 Jul 2010 21:15:03 GMT</pubDate>
<guid>http://snipplr.com/view/38002/ie-fixes-background-png-transparency/</guid>
</item>
<item>
<title>(CSS) IE Fixes: Embeded PNG Transparency - reynish</title>
<link>http://snipplr.com/view/38001/ie-fixes-embeded-png-transparency/</link>
<description><![CDATA[ <p>This will fix all embeded PNGs.
this.src = "img/spacer.gif"
Needs to point to a 1x1 transparent GIF or you'll get an Image not found icon in the corner of the PNGs.</p> ]]></description>
<pubDate>Wed, 28 Jul 2010 21:12:18 GMT</pubDate>
<guid>http://snipplr.com/view/38001/ie-fixes-embeded-png-transparency/</guid>
</item>
<item>
<title>(CSS) RGBA — IE Fallback - c4ptivate</title>
<link>http://snipplr.com/view/26949/rgba--ie-fallback/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sun, 24 Jan 2010 03:51:04 GMT</pubDate>
<guid>http://snipplr.com/view/26949/rgba--ie-fallback/</guid>
</item>
<item>
<title>(CSS) Easy Cross-Browser Compatible Way to use PNG's with Alpha using only CSS - adamcoulombe</title>
<link>http://snipplr.com/view/22422/easy-crossbrowser-compatible-way-to-use-pngs-with-alpha-using-only-css/</link>
<description><![CDATA[ <p>This is a 3 liner to use PNG images that contain alpha in IE6... fairly simple. First line is any styles we want to apply, including height and width. Second line we use alphaimageloader to load the PNG for ie6. The third line is for every other browser. This could also be done without the need for CSS hacks if you are going to have an IE6 specific stylesheet.</p> ]]></description>
<pubDate>Tue, 03 Nov 2009 15:46:30 GMT</pubDate>
<guid>http://snipplr.com/view/22422/easy-crossbrowser-compatible-way-to-use-pngs-with-alpha-using-only-css/</guid>
</item>
<item>
<title>(CSS) image tag png fix for ie6 - gryzzly</title>
<link>http://snipplr.com/view/18215/image-tag-png-fix-for-ie6/</link>
<description><![CDATA[ <p>requires blank.gif (transparent 1px gif image)</p> ]]></description>
<pubDate>Wed, 12 Aug 2009 11:01:43 GMT</pubDate>
<guid>http://snipplr.com/view/18215/image-tag-png-fix-for-ie6/</guid>
</item>
<item>
<title>(CSS) IE6 Only CSS. Also make IE6 use PNG backgrounds - AshMan</title>
<link>http://snipplr.com/view/14113/ie6-only-css-also-make-ie6-use-png-backgrounds/</link>
<description><![CDATA[ <p>Since there are still many people using IE6, we have to cater for them :-(
Anyway, this CSS statement shows a declaration for a PNG Logo. Most browsers will understand the first 5 lines.  Sadly, IE6 will not be able to use the transparent PNG from line 4 and we override the background declaration by using the "_" at the beginning of line 7 (all other browsers ignore the "_").  Then we use the MS filter in lie 8 to insert the PNG image.</p> ]]></description>
<pubDate>Fri, 17 Apr 2009 05:54:15 GMT</pubDate>
<guid>http://snipplr.com/view/14113/ie6-only-css-also-make-ie6-use-png-backgrounds/</guid>
</item>
<item>
<title>(CSS) Image-less Dropshadow - doublej</title>
<link>http://snipplr.com/view/8142/imageless-dropshadow/</link>
<description><![CDATA[ <p>As seen in maps.google.nl. Drop Shadow without any images. 5 DIV's with different opacity creates the gradient/shadow like effect. Lightweight and no png (or any IE6 hacks for that matter) hacks.

Any improvements are welcome...</p> ]]></description>
<pubDate>Tue, 02 Sep 2008 09:51:55 GMT</pubDate>
<guid>http://snipplr.com/view/8142/imageless-dropshadow/</guid>
</item>
<item>
<title>(CSS) PNG Background Transparency IE - alexvf</title>
<link>http://snipplr.com/view/7903/png-background-transparency-ie/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Mon, 18 Aug 2008 06:58:29 GMT</pubDate>
<guid>http://snipplr.com/view/7903/png-background-transparency-ie/</guid>
</item>
<item>
<title>(CSS) supersleight ie6 png fix - frakim</title>
<link>http://snipplr.com/view/6340/supersleight-ie6-png-fix/</link>
<description><![CDATA[ <p>à utiliser avec 3 fichier .js</p> ]]></description>
<pubDate>Tue, 20 May 2008 08:53:24 GMT</pubDate>
<guid>http://snipplr.com/view/6340/supersleight-ie6-png-fix/</guid>
</item>
<item>
<title>(CSS) PNG support in Internet Explorer 5.5 - 6 with working links - HerrSerker</title>
<link>http://snipplr.com/view/6094/png-support-in-internet-explorer-55--6-with-working-links/</link>
<description><![CDATA[ <p>IE 5.5 to 6 don't support generic PNG with Alpha-Channel
To get the advantage of PNGs use the akward AlphaImageLoader-filter (AIL) as described on the msdn site ( http://msdn.microsoft.com/en-us/library/ms532969(VS.85).aspx ).

But because the AIL is a DirectX-processing, some links and mouseover effexts in front of the PNG, when used as background-image, won't work, because the AIL will put itself in front of the links (like in the DOM or surface, but not visually).

A workaround for this is, to let the anchor or a surrounding element inside the element with the AIL-filter get the position:relative, or a different position (except static, I guess).

This will again work.

P.S.: AIL will not work with repeated background-mages, because the AIL-filter doesn't support repeating of images</p> ]]></description>
<pubDate>Fri, 02 May 2008 08:28:32 GMT</pubDate>
<guid>http://snipplr.com/view/6094/png-support-in-internet-explorer-55--6-with-working-links/</guid>
</item>
<item>
<title>(CSS) CSS PNG Image Fix for IE - jonhenshaw</title>
<link>http://snipplr.com/view/4090/css-png-image-fix-for-ie/</link>
<description><![CDATA[ <p>The selector portion of the CSS rule targets which XHTML tags/classes this rule will be applied to. At first glance, it looks like all img tags as well as all tags with a class of "png". You’ll notice the * html in front of both of these. Wait, there is no “anytag” preceding the html tag, so this won’t get applied! True. For all non-crappy (that is a pro term by the way) browsers, this rule won’t get applied. However, since IE6 is a pile, it thinks that there is a tag before the html tag, so it will apply this rule. Great! Now IE6 is the only browser that will use this rule.</p> ]]></description>
<pubDate>Thu, 08 Nov 2007 08:22:32 GMT</pubDate>
<guid>http://snipplr.com/view/4090/css-png-image-fix-for-ie/</guid>
</item>
<item>
<title>(CSS) IE PNG background fix - andrewbowley</title>
<link>http://snipplr.com/view/3429/ie-png-background-fix/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 31 Jul 2007 02:51:48 GMT</pubDate>
<guid>http://snipplr.com/view/3429/ie-png-background-fix/</guid>
</item>
<item>
<title>(CSS) PNG bg transparency in IE - donnies38</title>
<link>http://snipplr.com/view/3363/png-bg-transparency-in-ie/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 24 Jul 2007 08:17:53 GMT</pubDate>
<guid>http://snipplr.com/view/3363/png-bg-transparency-in-ie/</guid>
</item>
<item>
<title>(CSS) Transparent PNG CSS for IE6 - noah</title>
<link>http://snipplr.com/view/2680/transparent-png-css-for-ie6/</link>
<description><![CDATA[ <p>Apparenttly this does NOT work locally.  You MUST view the page on a server.  Otherwise the PNG will not show up /at all/ in IE6.

UPDATE: wfdev commented and said that this WILL work locally, but the path to the PNG must be relative to the HTML file, not the CSS file.  I haven't tested yet, but that sounds right to me.

Also commenter silvan pointed out a typo, which I fixed.  Thanks!</p> ]]></description>
<pubDate>Mon, 21 May 2007 12:11:29 GMT</pubDate>
<guid>http://snipplr.com/view/2680/transparent-png-css-for-ie6/</guid>
</item>
<item>
<title>(CSS) Transparent PNG Fix for IE 5.5 &amp;amp; 6 - jonhenshaw</title>
<link>http://snipplr.com/view/2243/transparent-png-fix-for-ie-55--6/</link>
<description><![CDATA[ <p>This is an excellent solution for fixing IE 6's inability to display transparent PNGs correctly.

Step 1: Include the following conditional comment the HEAD area of your document. You will need to update the CSS selector and also the path to whereever you put the .htc file.

&amp;lt;!--[if lte IE 6]&amp;gt;
&amp;lt;style type="text/css"&amp;gt;
&amp;#160;&amp;#160;img { behavior: url(/css/iepngfix.htc) }
&amp;lt;/style&amp;gt;
&amp;lt;![endif]--&amp;gt;

Step 2: Create a transparent GIF that's 1x1 and save it as blank.gif in your images folder.

Step 3. Copy the source below and save it in a file called iepngfix.htc and place it in your CSS folder. Note, you may need to update the images folder to match the folder you're using on your site.

That's it. Once you have everything in place and assuming everything is referenced correclty, PNG transparency will work in IE 6.</p> ]]></description>
<pubDate>Wed, 07 Mar 2007 12:10:25 GMT</pubDate>
<guid>http://snipplr.com/view/2243/transparent-png-fix-for-ie-55--6/</guid>
</item>
<item>
<title>(CSS) WinIE PNG Filter - masaya</title>
<link>http://snipplr.com/view/497/winie-png-filter/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 18 Jul 2006 04:36:44 GMT</pubDate>
<guid>http://snipplr.com/view/497/winie-png-filter/</guid>
</item>
</channel>
</rss>