fondo degradado en firefox no funciona

xmandbz · #1 (**permalink**) 31/10/2012, 08:35

Hola a todos

Soy nuevo en CSS y estoy tratando de poner un fondo degradado lineal a una pagina y he usado el generador de css de colorzilla, pero no funciona como debiera la imagen es muy pequeña y se repite en vertical. Este es el codigo css que me genero el colorzilla.
Pense que al generar con css no se generaria una imagen pero al parecer asi se hace el efecto pero la repeticion hace que se note muy mal.

Gracias por la ayuda que puedan brindarme.

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
</head>

<body class="degradado4">aqui va algo de texto
</body>
</html>

y el css

Código:

.degradado4 {
	background: #7cbc0a; /* Old browsers */
	background: -moz-linear-gradient(top, #7cbc0a 0%, #80c217 49%, #a1d54f 70%, #9dd53a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7cbc0a), color-stop(49%,#80c217), color-stop(70%,#a1d54f), color-stop(100%,#9dd53a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7cbc0a 0%,#80c217 49%,#a1d54f 70%,#9dd53a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7cbc0a 0%,#80c217 49%,#a1d54f 70%,#9dd53a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7cbc0a 0%,#80c217 49%,#a1d54f 70%,#9dd53a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #7cbc0a 0%,#80c217 49%,#a1d54f 70%,#9dd53a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cbc0a', endColorstr='#9dd53a',GradientType=0 ); /* IE6-9 */
}

chichote · #2 (**permalink**) 31/10/2012, 11:47

Que version de firefox tienes? si es muy antiguo es posible que no aplique el degradado.

Revisa este link

http://css3generator.com/

Saludos.