web-dev-qa-db-ja.com

迷惑なIE6。 youtubeが追加されたときに「読み込み中」の黒い画面

私はかなり長い間この問題を抱えてきました。会議サイトの1つに多くのIE6ユーザーがいるまで、実際には大きな問題ではありませんでした。

YouTubeのクリップをサイトに追加した直後に、黒い読み込み画面が表示されます。サイトはJoomlaで管理されているコンテンツですが、JoomlaがYouTubeやIE6との互換性の問題を抱えている理由はわかりません。

誰もがこの類似の問題b4をどのように、なぜ、または経験したかを知っていますか？使用してみましたが、youtube divはfirefoxに表示されませんでした。コードは正しいですか？

ウェブサイトのURL： http://schoolcontingency.com IE6画像をレンダリングするには http://ipinfo.info/netrenderer/index.php を使用します。写真をアップロードしたいのですが、評判は0です:(

またはこちらを参照してください https://stackoverflow.com/questions/5408808/annoying-ie6-black-screen-with-loading-when-youtube-is-added

htmlcssjoomlainternet-explorerbrowsers
1
Kyle

どうやらYouTubeのせいではなく、サイト、プラグイン、またはDrupalの設定のせいです。それは単にプリロード画像であり、現代のブラウザでは何かをプリロードしている間「ロード中」のテキスト部分のみを表示します（IEtesterで試してみました、YouTubeクリップでのみ発生しません、グローバルです）divまたは他の要素をロードしますチェック-これはおそらくフルページで巨大な拡張子を持ち、cssのこの正確な行のためにこれらの現代のブラウザで透明に表示されます：background:transparent url(loading.png) no-repeat scroll 0 0;、iE6は私が覚えている限り、透明属性をサポートしていないので、 、黒を示します。私の解決策は、代替のCSSコード、またはまったく異なるCSSをロードするJavaScriptなど、または呼び出すときに代替のHTMLです。別の解決策は、あなたのdrupalサイトのプラグイン/機能を非アクティブ化するだけかもしれません。それがアクティブ化されている場所を見つけてください。

このブロックのboxplus.cssで発生します。

/* 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;
}

そのため、「進捗インジケータ」機能を調べて無効にし、HTMLまたはCSSを調整してIE6をサポートします。最初にdrupalプラグインをタッチする "GUI"の方法を最初に試した場合、html/cssの知識がある人にとっては非常に簡単なはずです。

編集：難しい方法で「手作業」で行うと、完全なページdivを作成し、最初に背景プロパティをまったく設定せずに、小さな透明gifを使用します（エイリアスされた境界線を滑らかにする方法を知っている場合） gifを使用すると、pngの代わりに、あまりシャープではないということです。そしてもちろん、すべての条件付きcss/htmlが必要です。

1
S.gfx