A rögzített háttér nem működik Safariban (iPhone, iPad)

A hiba

Ha a háttérkép Melléklet beállítása Rögzített, a Safariban iPhone-on vagy iPaden a háttér:

• kicsinyítve vagy elmosódva jelenhet meg,
• rossz méretben jelenhet meg,
• görögni fog a helyben maradás helyett,
• nem hozza létre a parallaxhatást.

Az ok

A Safari iOS-en és iPadOS-en nem támogatja teljesen a background-attachment: fixed CSS-tulajdonságot. Ez a böngésző korlátja, nem az Elementor hibája, ezért más sablonokban és oldalépítőkben is előfordulhat.

Megoldások

Használj mozgási hatásokat a rögzített melléklet helyett (ajánlott)

Ha a rögzített mellékletet parallaxhatáshoz használod, váltsd mozgási hatásokra, mert azok a Safariban is megbízhatóbbak.

1. Szerkeszd az elemet, amelynek a háttérképe van.
2. Nyisd meg a Haladó fület.
3. Nyisd ki a Mozgási hatások szakaszt.
4. Kapcsold be a Görgetési effektusok beállítást.
5. A függőleges görgetés beállításaival hozd létre a parallaxhatást.

Kapcsold ki a rögzített mellékletet

Ha nincs szükséged parallaxhatásra:

1. Szerkeszd az elemet, amelynek a háttérképe van.
2. Nyisd meg a Stílus → Háttér részt.
3. A Melléklet beállítást állítsd Rögzített helyett az alapértelmezett (Görgetés) értékre.

Így a háttér a Safariban és a többi mobilböngészőben is helyesen jelenik meg.

Egyedi CSS

A tárolóhoz egyedi CSS-t is adhatsz. A klasszikus tárolóknál a Haladó fül Egyedi CSS szakaszába (Elementor Pro), az atomikus Flexboxnál az elem egyedi CSS-mezőjébe írd be:

/* Átmeneti javítás: elmosódó rögzített háttér Apple mobil- és táblagépeken */
@media only screen and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  selector:not(.elementor-motion-effects-element-type-background) {
    background-attachment: scroll;
  }
}

Ha ezek után sem megfelelő a háttér, kérdezd meg a tárhelyszolgáltatódat, hogy a gyorsítótár vagy az optimalizálási beállítások nem zavarják-e a háttér megjelenítését.