Elaborate css for a background image gradient

Question

I folks. This might be more of a design question but I thought I'd give it a whirl in case someone had some masterful CSS techniques I could use. If not, I'll brace myself for the onslaught of down-voting and nay saying!

You can see the logo holder here has a background image with a nice gradient to the right, and is obviously semi-transparent. My client is looking for a gradient at the top and right side. Any ideas on how I can accomplish this?

Thanks in advance.

Answer 1

The most obvious solution would be to use a partially-transparent image as the background-image for the container-div.

#container_div {background: transparent url(path/to/image.png) bottom right no-repeat; }