Snipplr

(CSS) PNG Background Transparency IE - alexvf

Mon, 18 Aug 2008 06:58:29 GMT

(CSS) Easy cross-browser transparency - alvaroisorna

Wed, 07 May 2008 04:52:55 GMT

If you've ever found yourself in the position of needing to place a semi-transparent image or layer on a web page, you've probably ended up reading various arcane methods involving 24-bit PNG graphics and proprietary IE AlphaImageLoader expressions. Luckily, there is an easier way; albeit at the expense of valid CSS.

(CSS) CSS: Transparency for all browsers - Wiederkehr

Thu, 21 Feb 2008 14:43:44 GMT

(CSS) CSS PNG Image Fix for IE - jonhenshaw

Thu, 08 Nov 2007 08:22:32 GMT

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.

(CSS) Transparent PNG CSS for IE6 - noah

Mon, 21 May 2007 12:11:29 GMT

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!

(CSS) CSS opacity and transparency setting - pmusaraj

Fri, 11 May 2007 08:23:23 GMT

Useful for setting transparent dropdowns, etc.

(CSS) Transparent PNG Fix for IE 5.5 & 6 - jonhenshaw

Wed, 07 Mar 2007 12:10:25 GMT

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.  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.

(CSS) Transparent Entries - sondosia

Sat, 30 Dec 2006 09:43:37 GMT

Makes xanga entries semi-transparent.