Применить градиентный цвет фона и изображение одновременно

#html #css #stylesheet

#HTML #css #таблица стилей

Вопрос:

Возможно ли одновременно применить фоновое изображение и цвет фона к текстовому полю.

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

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

Спасибо

Ответ №1:

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

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

проверьте http://jsfiddle.net/sandeep/7yMhX /