Posted 28 November 2011 - 08:56 AM
I thought I had replied to this before, but evidently it didn't process. Let me try once more.
I've seen this done, but it takes some coding, all of which is unnecessary. Simply use your graphics editor. Get the image you want as the lower of the two and make a copy. Work with that. Set your graphics editor to apply a new layer at 40% transparency, then draw a filled rectangle to exactly where you want it on the image. That will create that 'glaze' look. You may want to try it several times with percentages ranging from 20% to 80% to get just the effect you wish. Save the file but don't merge or flatten it. Don't close it either. Make a copy. With the copy, flatten/merge the layers once you're satisfied with the transparency. Upload the image as a background and check to see if the canvas area (the glazed bit) is where you want it. If not, simply adjust the layer you created by highlighting the entire area and sliding it over here or there to where it would be best. Repeat the copying, flattening and upload till you get it just right. Shouldn't take more than 20 minutes, max.
The benefit of this is saving the hours of coding plus the fact that browsers will have to load 2 backgrounds the other way, slowing your site.