人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

CSSを読み込み、以下のようなソースで背景を設定(画像参照)しているのですが、
更新をかけたりして、再度読み込む時に背景がでるのが気持ち遅れます(0.5秒くらい)。

html---------------
<html>
<div id="all">
テストテストテストテスト
</div>
<html>

css-----------------
#all{
width:790px;
min-height:100%;
_height:100%;
margin-left:auto;
margin-right:auto;
background:url(../img/cmn/bg.gif);
}

なんとか、さっと出る方法はないでしょうか?
宜しくお願い致します。

1243315502
●拡大する

●質問者: fablies2007
●カテゴリ:インターネット ウェブ制作
✍キーワード:ALL background CSS GIF HTML
○ 状態 :終了
└ 回答数 : 2/3件

▽最新の回答へ

1 ● niwa-mikiho
●35ポイント

min-height:100%;

_height:100%;


この2つの設定 (それぞれ IE 用、ff 用) があるために、ブラウザは画像を引き伸ばす処理をします。

おそらくこれに時間が取られているかと思います。


この2つは無くてもいいのではないでしょうか?

http://www.htmq.com/style/background-image.shtml

http://www.htmq.com/style/background-repeat.shtml

bg_repeat{

background-image: url("/img/bg.jpg");

background-repeat: repeat-y;

}

◎質問者からの返答

ご回答ありがとうございます。

これがないと、ブラウザによって表示がかわってしまい、困りますので、

解決にはいたりません。(デザインの変更は出来ません。)

他サイトでできてることを見ると、他に方法があると思います。


2 ● Marine-Blue
●35ポイント

HTML読み込み→解析結果を元にCSS読み込み→解析結果を元に画像読み込み


手順を考えると限度はあると思います。ブラウザで行う処理が複雑になればなるほど読み込みも遅くなる気が。

一番確実そうなのは画像を直接埋める方法ですが、それは理屈であって解決策ではありません。


読み込むHTMLやCSSファイルの量を軽くするとか、解析の過程で読み込まれるタイミングを早くするとか、画像をインタレース形式にするとか、そう言った方法はいかがでしょうか。

http://q.hatena.ne.jp/1243315502

◎質問者からの返答

ご回答ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ