インラインフレームでの表示

黒背景のページに黒背景のページを<i frame>で埋め込んでいるのですが、表示される一瞬、指定したサイズの部分が白く表示されます（読み込んでいるのかもしれませんが）。


各ページはCSSにて背景を黒に指定しています。


この白くなるのを黒にする（白くならないようにする）事は可能なのでしょうか？


できるならば、どのようにすればよいのでしょうか？

No.4 回答者： taloo 回答日時： 2013/03/09 07:22

読み込み時間を０にすれば、ページ読み込み前の状態が表示されなくなりますので、

隠し<iframe>に表示したいページをあらかじめ読み込んでおき、
リンクをクリックした時に、JavaScriptでその隠しておいた<iframe>と、既に表示されている<iframe>を入れ替えるのはどうでしょうか。

例えば、

<iframe src="page1.html"></iframe>
<iframe src="page2.html" style="display:none"></iframe>

と、隣り合わせにして片方を隠しているのを、

<iframe src="page1.html" style="display:none"></iframe>
<iframe src="page2.html"></iframe>

隠す方を入れ替えると、フレームページが切り替わったように見えると思います。


キャッシュに頼ってもいいのですが、サーバーの設定やブラウザの設定に影響することがあります。

この回答への補足

すいません、せっかくの提案なのですが意味がよくわかりませんでした。。。

これだと、クリックして初めて目的のページ（iframe）が開けるということなのでしょうか？？？

最初から表示させたいんですよねぇ・・・・

補足日時：2013/03/17 22:54

No.3 ベストアンサー 回答者： t_ohta 回答日時： 2013/03/07 21:58

＞　ただ、他の人にも見えなくなるようにしたいんですよねぇ・・・

難しいでしょうね。
インラインフレームの中にHTMLやCSSが読み込まれるまでブラウザは何を表示したらいいか分からないので、枠だけ用意して標準背景色で塗りつぶしているのです。

この回答へのお礼

なるほど・・・


そういう理由だったんですね

お礼日時：2013/03/17 22:49

No.2 回答者： ORUKA1951 回答日時： 2013/03/07 18:55

HTMLのbodyのbgcolor属性で色を指定しておくとよいかも。

所詮、HTMLの属性での指定の詳細度は0ですからスタイルシートで指定しても問題ないでしょう。

この回答への補足

大元のHTML、iframeで埋め込む方のHTMLと、両方をbodyのbgcoloで黒指定にしてみたんですが、ダメでした。。。

何か他に原因があるのでしょうか？

補足日時：2013/03/07 21:08

No.1 回答者： t_ohta 回答日時： 2013/03/07 16:00

ブラウザの標準背景色を白から黒に変える。

（他の人には白が一瞬見えるかもしれませんが、貴方のブラウザは見えなくなると思います）

この回答へのお礼

そんな設定がるんですかΣ(゜Д゜)

知りませんでした。

ただ、他の人にも見えなくなるようにしたいんですよねぇ・・・


すいません。

お礼日時：2013/03/07 21:07