La superposition de la visionneuse ne s’affiche pas sur Chrome mais fonctionne bien sur Chrome Canary

J’ai quelques problèmes avec la superposition Lightbox qu’il affiche parfaitement sous Chrome Canary, Safari, Firefox et IE. Sauf pour Chrome (version 33).

Captures d’écran: ** Visionneuse sur n’importe quel navigateur, sauf Chrome: http://awesomescreenshot.com/0/0122i236a2 ** Visionneuse sur Chrome: http://awesomescreenshot.com/0522i2378a

Une autre chose étrange est, la superposition de gris noir va apparaître si

  1. J’ai redimensionné mon navigateur
  2. Survoler et inspecter un élément HTML sur la page

Toute aide serait appréciée.

Merci!.

pouvez-vous définir les styles de superposition sur

position:fixed; width:100%; height:100%; top:0; left:0; 

vaut la peine d’essayer d’écraser les styles par défaut si nécessaire.

Ajout de cette règle css .lightboxOverlay {overflow: scroll; } résolu le problème sans sacrifier le fondu.

Cela a fonctionné pour moi et a été trouvé sur le lien posté par @MatTheCat ci-dessus.

Cela semble être un bogue dans Chrome 33 & 34 (j’en ai 34 et je peux confirmer qu’il se produit toujours). Selon le rapport de bogue, cela devrait être corrigé dans Chrome 35 (sa version bêta a été publiée le 10 avril).

Jusqu’à ce que cela soit publié, il semble que la meilleure solution consiste à désactiver le fondu. L’ajout de barres de défilement (débordement: scroll;) semble également fonctionner, mais vous disposez alors d’un ensemble supplémentaire de barres de défilement.

J’ai ce problème dans jquery.blockUI.js. Pour les autres, vous pouvez mettre à jour cette ligne …

Pour les utilisateurs de la visionneuse , essayez d’append ce CSS …

 @media screen and (-webkit-min-device-pixel-ratio:0) { .lightboxOverlay { overflow: scroll; } .lightboxOverlay::-webkit-scrollbar { width: 0px; } } 

Pour les utilisateurs de jquery.blockUI.js , recherchez …

 lyr2._fadeIn(opts.fadeIn, cb1); 

Remplacer par…

 lyr2.show();