Partage

Background fixed ne marche pas sous firefox-edge

Sujet résolu
11 juin 2018 à 16:23:02

Bonjour,

Je viens de finir une page de mon site qui intégre des paralaxe en css. ça marche bien sur chrome mais pas sur firfox et edge, mais je ne comprend pas pourquoi.

Voila la page en question:

www.ghosty.fr/principe.html

(je fais ma petite pub au passage xD)

Merci d'avance

Methos

-
Edité par methos0 11 juin 2018 à 16:24:14

Vous êtes demandeur·se d'emploi ?
Sans diplôme post-bac ?

Devenez Développeur·se web junior

Je postule
Formation
courte
Financée
à 100%
Staff 13 juin 2018 à 11:20:31

Bonjour,

apparemment c'est le transform sur .principe-content qui empêche le background-attachment: fixed de fonctionner sous Firefox (j'ai trouvé ça : https://stackoverflow.com/questions/39767911/firefox-transform-and-background-attachment-fixed-not-working ). T'est-il complètement nécessaire ? Je vois que sa valeur est translateX(0px), en gros "aucun changement". Quel est son but ?

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
13 juin 2018 à 11:48:17

salut,

Il a une importance pour la version mobile, pour faire apparaitre un menu par la gauche. (tu peux essayer tu veras) S'il n'y a pas cet attribut translateX à 0 alors l'animation ne se fait :'(

Mais je peux le mettre que pour une largeur d'écran a 760px comme cela sur grand écran pas de bleme

Merci pour ta réponse

ps: j'ai retirré le translateX 0 et tous fonctionne bien :D merci :D

-
Edité par methos0 13 juin 2018 à 12:02:53

Staff 13 juin 2018 à 12:07:58

> Mais je peux le mettre que pour une largeur d'écran a 760px comme cela sur grand écran

Excellente idée :)

Et bonne continuation !

(ceci dit, c'est techniquement un bug dans les navigateurs Firefox et Edge - ou bien un défaut d'implémentation chez Chrome :p - j'essaierai de garder un œil sur ça de temps en temps)

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!

Background fixed ne marche pas sous firefox-edge

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown