Apply color and gradient background image at the same time

Question

Is it possible to simultaneously apply the background image and background color to the text field.

What I was trying to achieve: show an icon in the right corner of the text box. Also make this text box a bit gradient using style

background: -moz-linear-gradient(center bottom , white, #D6E5F4) repeat scroll 0 0 transparent

thanks

Answer 1

Yes; You can apply color and image at the same time. You need to write like this:

 background: url("image.png") no-repeat 0 0,-moz-linear-gradient(center bottom , white, #D6E5F4); 

check out http://jsfiddle.net/sandeep/7yMhX/