¿Porque en chrome, y otros, el background se ve bien y en Firefox no?

[Drakaris]

Estoy retocando el fondo de mi web, ya que estaba mal programado. Y lo hice por CSS, por la cual me fue bien. Pero al verlo en diferentes navegadores, en el Firefox se ve mal y en los otros (chrome, opera, IE, etc.) si, no entiendo:

Aquí  tengo el código:

Código [Seleccionar] Expandir


body{
    background-image: url('imagenes/stackofmagazines.jpg');
    background-size:500% 50%;
    -webkit-background-size:500% 50%;
    -o-background-size:500% 50%;
    -moz-background-size:500% 50%;
    background-repeat: no-repeat;
    background-position: top center;
    -moz-background-position:left right;
    background-attachment: fixed;
}

en el móvil:
https://drive.google.com/open?id=1LgG7YYkSIv_32umXjMPokVIa6KlN91kU

Lo demas si funciona

Gracias de antemano

[engel lex]

procura no usar los elementos -nav-propiedad ya que tiende a implicar que los que haces es experimental, te recomiendo en este caso que uses en background size "contain" o "cover" según tus necesidades


https://www.w3schools.com/cssref/css3_pr_background-size.asp

[Drakaris]

procura no usar los elementos -nav-propiedad ya que tiende a implicar que los que haces es experimental, te recomiendo en este caso que uses en background size "contain" o "cover" según tus necesidades


https://www.w3schools.com/cssref/css3_pr_background-size.asp

Hola, he probado lo que me ha dicho y no me fue bien, es decir, en los otros navegadores si me va bien, pero en Firefox en móvil no, se ve pequeño, como antes.

¿Cómo lo puedo hacer?

Gracias de antemano.