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;
- Cómo obtener la historia y los marcadores de Chrome en Android Marshmallow (API> = 23)?
- La barra de direcciones del navegador Mobile Webkit cambia $ (ventana) .height (); Haciendo el fondo-tamaño: la cubierta rescale cada vez
- ¿Cómo promocionar / abrir la aplicación de los resultados del sitio web de búsqueda de Google?
- ¿Cómo se deben formatear las restricciones (Android) / Chrome getUserMedia ()?
- Cómo cambiar el color de la barra de encabezado y barra de direcciones en la versión más reciente de Android Chrome en Lollipop?
- 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
- Ejecute las pruebas de Selenium en Android 4.0 en el navegador Chrome beta en lugar del predeterminado
- React-native Android Systrace HTML está en blanco en Ubuntu 14.04
- Cómo obtener las dimensiones físicas de la pantalla / dpi / densidad de píxeles en Chrome en Android
- Desactivar la función "Touch to Search" de Chrome 43 para móviles mediante programación
- Android evento onChange no se activa en contentObserver para la historia de cromo en android 5 (Lollypop)
- Comodo SSL: ERR_CERT_AUTHORITY_INVALID en Chrome móvil y Opera móvil (Android)
- ¿Cómo puedes depurar "agregar a la pantalla de inicio" en Chrome en android?
- La aplicación Cordova se bloquea al usar Chrome DevTools
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