Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: Drakaris en 11 Febrero 2018, 20:40 PM

Título: ¿Porque en chrome, y otros, el background se ve bien y en Firefox no?
Publicado por: Drakaris en 11 Febrero 2018, 20:40 PM
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:


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
Título: Re: ¿Porque en chrome, y otros, el background se ve bien y en Firefox no?
Publicado por: engel lex en 11 Febrero 2018, 21:22 PM
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
Título: Re: ¿Porque en chrome, y otros, el background se ve bien y en Firefox no?
Publicado por: Drakaris en 16 Febrero 2018, 21:55 PM
Cita de: engel lex en 11 Febrero 2018, 21:22 PM
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.