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 don't need CSS3 for this. Use a seamless background tile on `html` and an alpha gradient on the `body`.

```
html {background: #fff url(path/to/bg-tile.png) repeat 0 0;}
body {background: transparent url(path/to/gradient.png) repeat-x 0 0;}

```

[Multiple background images are not supported in IE<9](http://caniuse.com/#feat=multibackgrounds)