Примените градиентный цвет фона и изображение одновременно - PullRequest
6 голосов
/ 17 октября 2011

Возможно ли применить background-image и background-color к текстовому полю одновременно.

То, чего я пытался добиться, это: Показать значок в правом углу текстового поля. Также сделайте это текстовое поле немного градиентным, используя стиль

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

Спасибо

1 Ответ

4 голосов
/ 17 октября 2011

да;Вы можете применить цвет и изображение одновременно. Вы должны написать так:

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

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

...