Fondo

(Esto se ha preguntado antes , muchas veces , lo sé.Sin embargo, parece haber sido causada por cosas diferentes cada vez.He pasado por cerca de cuatro diferentes StackOverflow respuesta hebras y lo intentó todo.Nada parece estar funcionando más, Creo que este es un nuevo problema.)

De todos modos, tengo un elemento HMTL con una imagen de fondo que necesita ser arreglado, usando background-attachment:fixed;

• Google Play Store está cambiando los datos de referencias a "com.android.chrome"?
• Cómo mostrar la barra de direcciones de nuevo después de salir de pantalla completa en Android
• ¿Cómo puedo usar selenium o appium para automatizar el navegador de cromo en android?
• Herramientas para desarrolladores de Chrome para Android
• Iniciar Chrome en modo de pantalla completa

• Todos los navegadores de escritorio – Works
• Mobile Firefox – Obras
• Predeterminado Android / Samsung Browser – Works
• Chrome para celulares – no funciona

He girado el problema en una prueba más simple replicable, que es un elemento de section única, establecido en 200% de la altura de la página, con el fondo de pantalla completa y fijo.

Código

 html,body { padding:0; margin:0; height:100%; width:100%; } section { background-position:center center; background-attachment:fixed; background-size:cover; background-image:url(http://www.andymercer.net/wp-content/themes/andymercer/images/background/home.png); height:200%; width:100%; } 

 <section>Test</section> 

JSF para pruebas

Para probar más fácilmente en su smartphone que un fragmento de código: http://jsfiddle.net/LerLz1L2/

Cosas que he probado

• backface-visibility: hidden;
• -webkit-backface-visibility:inherit;
• -webkit-transform: translate3d(0,0,0);
• Elemento de configuración y todos los padres a la position:static

 background-image:url(http://www.andymercer.net/wp-content/themes/andymercer/images/background/home.png); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover !important; max-width:100%; max-height:100%; width:auto; 

 html { height:100%; background: url(bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }