combinar imagen de fondo + grad



   AUTOR PREGUNTA

Publicado 22 julio 2014 - 06:18

¿Es posible combinar una imagen de fondo y gradientes en CSS3?


¿Tienes la misma pregunta? Yo también

 

Publicado 22 julio 2014 - 21:04

Sí, si es posible, te dejo el siguiente ejemplo con la referencia a distintos navegadores:

background: #6cab26;
background-image: url(IMAGE_URL);
background-image: url(IMAGE_URL), -webkit-linear-gradient(top, #6cab26, #6ceb86); /* Para Chrome, Safari */
background-image: url(IMAGE_URL), -moz-linear-gradient(top, #6cab26, #6ceb86); /* Para Firefox*/
background-image: url(IMAGE_URL), -ms-linear-gradient(top, #6cab26, #6ceb86); /* para IE10 */
background-image: url(IMAGE_URL),  -o-linear-gradient(top, #6cab26, #6ceb86); /* para Opera */
background-image: url(IMAGE_URL), 	linear-gradient(top, #6cab26, #6ceb86); /* W3C */

   AUTOR PREGUNTA

Publicado 23 julio 2014 - 01:10

Gracias George muy bueno tu ejemplo