Replace Button Text With Image?

Question

I'm trying to find out how to replace the input text with a image. I can't use background: url(.../.../); because I am using CSS3 Gradients. I thought with using multiple backgrounds I am able to add another one that has a transparent image but then the rest of the background gradients disappear.

Can anyone help me?

Answer 1

Multiple background and gradient... well I suppose you can live dangerously at the edge of browser support. The syntax you're looking for can be found here:

http://snook.ca/archives/html_and_css/multiple-bg-css-gradients

Answer 2

You can use two blocks, one inside another and set background for each of them. In result you will have what you need and that will be usable even in IE6 (of course, gradient fill fall back to solid one).