Detect support for multiple background images?

Question

I really want to make use of multiple background support (Webkit, Firefox 3.6+), but I would like to provide an alternative solution for browsers that don't support it. (IE, Firefox 3.5-).

Is there any way to detect support for this CSS feature? Or will I have to resort to browser sniffing?

EDIT: Javascript solutions are welcome

Answer 1

Use http://www.modernizr.com/. This is a piece of javascript that will set up classes depending on what features the browser have. You can then use these classes in CSS.

Answer 2

No there is no way in pure css to detect if multiple backgrounds are supported. But you can specify default background and then specify multiple backgrounds which resolves error with processing value and keeps old if it isn't supported.