Discussion :

[mourad1081]

Bonjour à tous, je n'arrive pas à résoudre mon problème :/

Mon problème :

J'ai une page Web qui saccade comme c'est pas permis ! Le problème, c'est que ce n'est pas sur tous les navigateurs :/
Le problème s'en va lorsque je retire le fait que le background du fond soit cover et fixed, plus précisément, quoi que ce soit de fixed saccade sur les navigateurs sous-cités.

Windows > Firefox : Parfait, hyper fluide
Windows > Chrome : Parfait, moins fluide que Firefox mais suffisant
Windows > Opera : Parfait, comme chrome
Windows > Safari : Une horreur ! Saccade à l'infini !
Windows > Internet Explorer : N'en parlons même pas !
Mac OS > Safari : Une horreur ! Pire qu'IE !
Mac OS > Firefox : Une horreur ! Pire qu'IE !

Pourtant je ne vois pas où est l'erreur, pouvez-vous m'aider svp ? :/
Mon background fait 100 Ko et a une taille de ~2000x2000
Pour faire mon cover, je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
.wrap-main{
    background:url("../img/la-releve-lune2.jpg") no-repeat center fixed;
    -webkit-background-size: cover; /* pour Chrome et Safari */
    -moz-background-size: cover;    /* pour Firefox */
    -o-background-size: cover;      /* pour Opera */
    background-size: cover;         /* version standardisée */
    min-height: 100%;
    border-bottom:solid white 1px;
    box-shadow: inset 0px -10px 10px black;
}

Si vous voulez mon code html pour la page : qui-sommes-nous.php

Le site en question si vous voulez tester sur IE pour voir la saccade horrible : http://lareleve.be/lareleve/src/qui-sommes-nous.php
Merci de votre aide car ce problème me fait vraiment ****

[Bisûnûrs]

Je ne vois aucun problème sur ma version de IE (11). Sur quelle version constates-tu le problème ?

[Bovino]

Il faut bien être conscient lorsqu'on utilise des propriétés préfixées que celles-ci correspondent à des versions expérimentales de l'implémentation de la propriété. Il est donc possible que le rendu ne soit pas encore optimal.
D'autre part, la version Windows de Safari a été abandonnée depuis un bon moment déjà, je ne pense pas trop utile de s'en préoccuper.

Enfin, ce que tu demandes impose des calculs importants au navigateur lorsque tu scrolles (recalcul des dimensions de l'image, de la position de celle-ci et enfin affichage de l'image redimensionnée), il ne faut pas s'étonner si certains navigateurs peuvent avoir des problèmes a effectuer tout cela, notamment s'ils sont aussi sollicités ailleurs.

[mourad1081]

Merci beaucoup pour vos réponses je pense que je vais juste re-designer cette page car elle m’énerve trop !