> ## Documentation Index
> Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# El fondo fijo o parallax no se ve en iPhone

> Por qué las imágenes de fondo fijas no funcionan en iPhone y iPad, y cómo usar una sección alternativa para celulares.

Si usas una imagen de fondo fija (efecto parallax) en una sección de tu embudo o sitio web y en el iPhone o el iPad no se ve, o se ve cortada o ampliada de más, no es un error de tu página. Es una limitación de Safari en iOS, que bloquea este tipo de animación de fondo.

## Dónde funciona y dónde no

| Dispositivo | Fondo fijo / parallax |
| - | - |
| iPhone y iPad (Safari en iOS) | No funciona correctamente |
| Celulares y tablets Android | Funciona |
| Chromebooks | Funciona |
| Tablets con Windows | Funciona |
| Computadoras de escritorio | Funciona |

Es un problema que afecta a la mayoría de las plataformas web, no solo a Chateea, porque depende del navegador del dispositivo.

## Solución: una sección distinta para celulares

La forma más fiable de resolverlo es mantener el efecto parallax en escritorio y mostrar en celulares una versión de la sección con un fondo normal.

**1. Duplica la sección**

En el editor, duplica la sección que tiene el fondo fijo.

**2. Cambia el fondo en la copia**

En la sección duplicada, cambia el tipo de fondo de **Fijo** (parallax) a una imagen normal, por ejemplo con ajuste de **Cubrir** (cover), o usa un color o un degradado.

**3. Define en qué dispositivo se ve cada una**

Configura la sección original para que se vea solo en **escritorio** y la copia para que se vea solo en **celular**, desde las opciones de visibilidad por dispositivo de cada sección.

**4. Revisa y publica**

Usa la vista previa móvil del editor y, sobre todo, prueba la página publicada en un iPhone real antes de dar el cambio por bueno.

Los pasos detallados para mostrar u ocultar secciones según el dispositivo están en [Versión distinta para escritorio y móvil](https://help.chateea.com/docs/sitios/version-para-escritorio-y-movil.md).

> [!TIP]
>
> En celular, usa una imagen más vertical o recortada al centro del motivo principal. Así el fondo se ve bien aunque no tenga el efecto parallax.

## Preguntas frecuentes

> **¿Puedo forzar el parallax en iPhone con código personalizado?**
>
> No hay una solución fiable: Safari en iOS no admite los fondos fijos de la misma forma que los navegadores de escritorio. La opción recomendada es usar una sección alternativa para celulares.

> **¿Y si uso Chrome en el iPhone?**
>
> En iOS todos los navegadores usan el motor de Safari, así que el comportamiento es el mismo.

> **¿Afecta al SEO tener dos secciones duplicadas?**
>
> Evita duplicar textos largos o encabezados principales en ambas versiones. Si la sección es sobre todo visual, el impacto es mínimo.

## Artículos relacionados

> **[Versión distinta para escritorio y móvil](https://help.chateea.com/docs/sitios/version-para-escritorio-y-movil.md)**
>
> Muestra u oculta secciones según el dispositivo.

> **[Diseños adaptables a celulares](https://help.chateea.com/docs/sitios/disenos-adaptables-a-moviles.md)**
>
> Haz que tus páginas se vean bien en cualquier pantalla.

> **[Degradados y desenfoque de fondo](https://help.chateea.com/docs/sitios/degradados-y-desenfoque-de-fondo.md)**
>
> Alternativas de fondo para tus secciones.

> **[Video de fondo](https://help.chateea.com/docs/sitios/video-de-fondo.md)**
>
> Usa un video como fondo de secciones y filas.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.