Tip of the Day: Accessibility + Usability + Proper Markup and Hiarchy = Solid SEO

Toying with the idea of a png layout

March 01, 2005

I'm all about making a website look fairly similar in all browsers. But recently I thought to myself how much fun it would be to completely throw aside ie6 and its failure to support png alpha transparency. I mean, nevermind its css layout inconsistencies, that has never been a problem working around that. But just think of the possibilities of designing with alpha transparency over lame-o gifs.

Consider it like having a plugin. Like Flash. I recently checked my stats and it appears that over 65% of you guys are using a png compliant browser. So the damage wouldn't be too bad. But I admit, 35% is a very large percentage.

Other than that, I thought I'd share some of my evil idea's I possibly have planned. Hopefully by this Summer IE7 will have been released and I could start implementing plot to make png compliancy a requirement.

*Evil Grin*

Trackback Pings

TrackBacks for this entry:
http://www.dustindiaz.com/mt-tb.cgi/49

Comments

Aren't there filters to get around IE's lack of PNG support? I've never messed with. Something like this:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader()

I'm not sure how it works or how well, or the pros and cons, or much of anything about it to tell you the truth but it's something I've been meaning to look into more for a while now.

Posted by: Brian at March 3, 2005 04:13 PM

Hi Brian,
haven't heard of something like it. Although I know you can do some fun stuff with image magik on the fly...but never of getting a full png transparent effect.

perhaps dig around a bit more and post some more info.

Posted by: Dustin at March 5, 2005 10:59 PM

It is possible to do something about PNG tags for IE. Have a look at this page. The only con I've noticed is that you can only do it with PNG images inside a img tag. You can not do it with background images.

Posted by: Andreas Graulund at March 6, 2005 09:47 AM

the demo you posted Andreas shows that you can use background images within your style sheet. It specifically noted background-image:url(myPng.png); compatibility.

however, I haven't tested it with the shorthand background.

Will definitely look more into.

Posted by: Dustin at March 6, 2005 12:53 PM

Just thought I would let you guys know I got it to work here. It's just a placeholder so the two CSS files are easy as heck to follow.

If the layout isn't going to have that many PNGs anyways than it's not a big deal to manually put the filter in.

ALA on Cross-Browser Variable Opacity with PNG.

Posted by: Brian at March 10, 2005 02:31 PM

Post a comment




Remember Me?

(you may use HTML tags for style)