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

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 ?

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 merci

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

> 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 - j'essaierai de garder un œil sur ça de temps en temps)