Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Colocar imagen + fondo degrado con css

Estas en el tema de Colocar imagen + fondo degrado con css en el foro de CSS en Foros del Web. Buenas noches, escribo en esta oportunidad porque estoy tratando de ponerle a body un fondo degradado y una imagen, es decir, dividirlo una parte que ...
  #1 (permalink)  
Antiguo 01/06/2015, 21:16
 
Fecha de Ingreso: septiembre-2011
Mensajes: 233
Antigüedad: 12 años, 7 meses
Puntos: 1
Colocar imagen + fondo degrado con css

Buenas noches, escribo en esta oportunidad porque estoy tratando de ponerle a body un fondo degradado y una imagen, es decir, dividirlo una parte que se vea la imagen y la otra imagen que sea el color, he utilizado este código pero cuando defino el tamaño de la imagen deja de funcionar el color:
Código:
body{
	background-color: rgb(245,246,246); /* Old browsers */
	background-image: url(../img/medicina2.jpg), -moz-linear-gradient(top,  rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6+ */
	background-image: url(../img/medicina2.jpg), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */
	background-image: url(../img/medicina2.jpg), -webkit-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background-image: url(../img/medicina2.jpg), -o-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */
	background-image: url(../img/medicina2.jpg), -ms-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* IE10+ */
	background-image: url(../img/medicina2.jpg), linear-gradient(to bottom,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
	background-repeat: no-repeat;
}
Como podria hacer para que tome el tamaño que yo quiera definir? Si pudiera ayudarme se lo agradecería.

Saludos.
  #2 (permalink)  
Antiguo 02/06/2015, 19:48
 
Fecha de Ingreso: septiembre-2011
Mensajes: 233
Antigüedad: 12 años, 7 meses
Puntos: 1
Respuesta: Colocar imagen + fondo degrado con css

Ya consegui la solución dejo el link donde explican como hacerlo:
¿Es posible combinar una imagen de fondo y gradientes CSS3?

Etiquetas: background, color
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:58.