I’m making a full-screen Flash application that I would like to lay over of a patterned background (created with HTML/CSS). Normally, this would be cake, but this time, I want the top row of background tiles to be overlaid with a dark shadow (80-0% transparency gradient), and if it’s not much more difficult, the bottom should also have this type of shadow, only inverted. I’ve created the 3 pngs I expect to be necessary:
bgpatterntop.png (5 x 200px)
bgpattern.png (5 x 5px)
bgpatternbottom.png (5 x 200px)
If you lay them on top of one another, the patterns match up. I’m just not sure how to go about doing the top/bottom gradients in HTML/CSS. Any suggestions?
