Plano de fondo adjunto: fijo No funciona – Android Chrome (v40)
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
- Inicios de sesión de Autofill en Chrome mediante AccessibilityService Android
- ¿Cómo puedes depurar "agregar a la pantalla de inicio" en Chrome en android?
- Cómo hacer cromo por defecto visor html en android
- Chrome devTools ya no ve dispositivos USB para depurar
- Cómo compartir datos de cookie en las pestañas personalizadas de cromo android
- ¿Cuál es el agente de usuario de Chrome para Android después de que el usuario cambie a la versión de escritorio?
- JavaScript visibilitchange Evento no dispara en Chrome móvil
- Cree una interfaz de usuario como Chrome para Android
Esto funciona para casi todos los navegadores, excepto el navegador android nativo
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;
Se recomienda encarecidamente establecer la URL de la imagen primero
Buscando una solución para el bug (fondo-adjunto: fijo) en el navegador android.
Esperanza ayuda!
El siguiente código funcionó bien para mí en el cromo androide.
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; }
- Cómo obtener un error en recreate () dentro de onOptionsItemSelected () en API 23 / Marshmallow
- De repente, ya no puede iniciar el emulador de Android