Is there a way to render background texture with alpha in a webpage? I want to have texture on top of a gradient so I can see through it.

I'm not using canvas for this (although I do use canvas for some other animation effect)
['https://Stackoverflow.com/questions/11824664', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/335999/']
You can achieve that with CSS3 Multiple Backgrounds and CSS3 Gradients. Here is a [good article](http://snook.ca/archives/html_and_css/multiple-bg-css-gradients "CSS Backgrounds and Gradients") on the subject.

**Edit**: To clarify, you basically need to just define two backgrounds on the object. First one would be the gradient while the second would be the alpha texture.
You could just use a big div as background and add the gradient and the png inside the div and then use css to resize and position