Originally posted by Shadic

---

Don't certain browsers not support transparent PNGs anyways?

---

What I hear is that IE6 doesn't support translucency (alpha blending) properly, but fully transparent regions are no problem. However, my website's logo is a PNG with fully transparent regions, and they show up as solid gray. I've had this problem with other images too.
Come to think of it, I'm pretty sure the CSS trick I'm thinking of works properly in every browser except IE6 (and possibly IE7) anyway, so no big difference.

This is where I found it, it's a trick using background attachment. Though from my testing it may actually not work in a layout since the entire post scrolls up and down, thus the background has to move with it, which is exactly what "background-attachment: fixed" prevents. However if your text box starts a fixed distance (pixel or percent) from the top and left of its container, you just need background-position:

(Just randomly already had light and dark versions of that image, so there you go. )

You can of course do other distortion effects too (as shown on that page), but in my experience it's difficult to find one that isn't ugly.

____________________