web-dev-qa-db-fra.com

IE6 ennuyeux. Écran noir avec «chargement» lors de l'ajout de YouTube

J'ai ce problème depuis assez longtemps. Ce n’était vraiment pas un gros problème jusqu’à ces derniers temps, lorsque l’un de nos sites de conférence compte de nombreux utilisateurs d’IE6.

L’écran de chargement noir apparaît juste après l’inclusion d’un clip youtube sur notre site. Le contenu du site est géré avec Joomla, mais je ne vois pas pourquoi Joomla aurait des problèmes de compatibilité avec youtube et IE6!

Quelqu'un sait comment, pourquoi ou a connu ce problème similaire b4? Essayé d'utiliser mais la div youtube n'apparaîtrait pas sur firefox. Le code est-il correct?

uRL du site Web: http://schoolcontingency.com Utilisez http://ipinfo.info/netrenderer/index.php pour restituer des images IE6. J'adorerais télécharger la photo mais j'ai 0 réputation :(

ou se référer à ici https://stackoverflow.com/questions/5408808/annoying-ie6-black-screen-with-loading-when-youtube-is-added

htmlcssjoomlainternet-explorerbrowsers
1
Kyle

Semble, ce n’est pas la faute de youtube, mais quelque chose de votre site, de certains plugins ou paramètres Drupal. Il s’agit simplement d’une image de préchargement qui, dans les navigateurs modernes, ne montre que la partie texte "en cours de chargement" pendant le préchargement (essayé avec IEtester, cela ne se produit pas uniquement avec des clips youtube, c’est global), il charge un div ou un autre élément. vérifié - qui a une énorme extension, probablement à pleine page, et montre transparent dans ces navigateurs modernes en raison de cette ligne exacte de css: background:transparent url(loading.png) no-repeat scroll 0 0;, mais iE6, aussi longtemps que je me souvienne, ne supporte pas l'attribut transparent, donc , montre en noir. Ma solution serait un code css alternatif, ou un javascript chargeant un css totalement différent, etc., ou un html alternatif lors de son appel. Une autre solution consiste peut-être simplement à désactiver le plug-in/la fonctionnalité de votre site drupal, à trouver où il est activé, semble être une valeur globale et devrait donc être simple.

La chose se passe à boxplus.css, dans ce bloc.

/* Progress indicator */
#boxplus .boxplus-dialog .boxplus-progress {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
height:32px;
width:32px;
margin:auto;
background:transparent url(loading.png) no-repeat scroll 0 0;
}

Alors, Dig pour la fonction "indicateur de progression", désactivez-le ou ajustez le code HTML ou CSS pour prendre en charge IE6. Cela devrait être assez facile pour quiconque ayant des connaissances en html/css, à condition que vous ayez d'abord essayé de "toucher l'interface" en touchant simplement le plugin drupal.

Edit: le faire "à la main", à la dure, il s’agirait de diviser une page entière et d’essayer d’abord de ne définir aucune propriété d’arrière-plan, et d’utiliser un petit gif transparent (si vous savez faire des bordures lisses avec un gif, je veux dire, ne pas être trop forte) au lieu du png. Et bien sûr, tous les css/html conditionnels sont nécessaires.

1
S.gfx