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 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)
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