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
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();