[Css3] Compatibilidad navegadores

[punkacs]

Hola

Tengo el siguiente Código de un gradiente de Css3.. el problema que tengo es la compatibilidad con los navegadores..

Código:

background: #ffd65e; /* Old browsers */
background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%), no-repeat; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04)), no-repeat; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffd65e 0%,#febf04 100%), no-repeat; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffd65e 0%,#febf04 100%), no-repeat; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
width:100%;
height:100%;

Este código, funciona en todos los navegadores, chrome, mozilla y tambien IE10

el problema es que si a este código le agrego al final:

Código:

position:absolute

Para que quede el fondo en toda la web. Cuando lo coloco, solo funciona en Chrome, no funciona en mozilla ni tampoco en IE10, se puede saber a que se debe? Gracias

[pzin]

¿Por qué no especificas esas propiedades en el body?

[punkacs]

Bonez: me olvide de aclarar, esa propiedades están declaradas en el body..
Vos decis que haga un id con esa sola propieadad y se la pase al body? Gracias..

[pzin]

Ok. ¿Y por qué necesitas posicionar de forma absoluta body? No tiene ningún sentido para mi, y jamás he visto hacer algo así.

Seguramente lo que quieras conseguir con ese position, se pueda hacer de alguna otra manera más apropiada. Pero no caigo qué sentido tendrá usarlo en body.

[punkacs]

Bonez: En el index de mi web, tengo un slider tipo acordion, si yo no le paso esa propiedad, el fondo de mi web, que es ese degradiente, llega hasta el final del slider... por lo cual queda horrible.. en cambio si yo le paso esa propieadad cubre toda la resolucion de la web. No se si me explico..

[pzin]

¿Has probado a poner algo así?

Código CSS:

html {
  height: 100%;
}
 

Supongo que ese será el problema, ya que body sólo puede crecer al alto que tenga html, y este por defecto es automático.

[punkacs]

Bonez: eso lo puse pero siguio tirando el mismo problema..
Ahora probe la propiedad:

Background-Attachment: fixed; en vez de position:absolute;

y funciona en los 3 navegadores correctamente!!

[danneg]

usa overflow: hidden, es el tipo de magia negra que hace que los elementos flotantes respeten el tamaño que deben de tener

[vtj]

Ciao

Yo tambien opino que el hecho que no funcione no tiene nada que ver con el css3 (además la propiedad position és anterior al css3).

Veo que no le has definido ninguna distancia (top, bottom, left...) al div, yo de ti probaría primero definiendo una distancia y si no probando con un position relative respecto al div superior.