5568 sujets

Sémantique web et HTML

Bonjour à tous,

Petite nouvelle dans le domaine de la programmation, je commence doucement à faire mes premières armes... Mais voilà, j'ai un problème que je n'arrive pas à résoudre.

J'ai créé une illustration comportant un effet de parallax, grâce à une combinaison d'hmtl, de javascript et de css. Magie du code, celle-ci est réactive à la souris mais également à l'accéléromètre des tablettes et smartphones.

https://www.youtube.com/watch?v=Bj9vO6F-YKg&feature=youtu.be

Celle-ci est actuellement hébergée par netlify : https://parallax-collection.netlify.com/.
C'est là que les choses merdouillent. Sur mozilla (la version PC), l'illustration voit son opacité modifiée. Internet Explorer fonctionne cependant, même si il reste à bidouiller pour que l'illustration ne se déforme pas (ça c'est dans mes cordes). Quelqu'un pourrait-il me donner un indice sur la raison de cette différence et sur la manière d'y remédier ?

J'en profite pour demander en passant si l'usage de commandes <iframe> sur wordpress me permettra bien de l'intégrer en tant qu'illustration sur un site...

Un grand merci pour votre attention et votre aide potentielle !