I'm working on a new layout for a website and thought it'd be cool to have a background image and then a translucent div that floats over top of it.
Here's how it went down: Open fireworks, create a small white patch and give it 85% opacity. Save as png. Open dreamweaver, create page, give it the background, make a wrapper div, make a container div with 10em margins and set the background to the png image. Fill in the lorem ipsum stuff. Open in firefox. Beautiful. Open in IE...hey, where's my background. See that IE has some special DXtransform crap to do png alpha transparency. Copy the examples. Run it, nope, it doesn't work. Play around with fireworks because maybe I'm not doing the transparency correctly. Spend a few hours before I realize that it needs a 32 bit color depth. Works great now with some example html code. Transfer it over to my layout test. Nope, nada, no background. What the hell! Spend another hour trying to figure it out. Realize that it's because IE requires the div to be float, or height, width specified, or positioned absolute or relative for their proprietary filter tag to work. Reload it in IE, Wow! it works. But wait.....what can't I friggin click the links! More google time. Oh, simple, I just need to put a relatively positioned div around my content div. That makes complete f-ing sense! Total time for firefox: ~10 minutes Total time for IE: ~4 hours IE you owe me 4 hours of my life back now! -- America spells competition, join us in our blind ambition get yourself a brand new motor car. And someday soon we'll stop to ponder what on earth's this spell we're under we made the grade and still we wonder Who the hell we are!, "The Grand Illusion", Styx ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Message: http://www.houseoffusion.com/lists.cfm/link=i:5:204482 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/5 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:5 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.5 Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
