晴釣雨読

As the train goes through the mountain path, leaning on the lightcyan window, only I would think about my fun.

Androidブラウザで、背景画像しか表示されない。

背景画像を読み込み終わった時点で、(それまで先に読み込まれ終わって一瞬表示されてたBODY以下メインコンテンツ部分を押し下げるような感じで)背景画像のみになる、という現象。

 

background: #色 url("画像") fixed center no-repeat;

てな具合に書いてたのを分解して、

1行ずつ調べてったら「fixed」が犯人だった。

-moz-background-size: cover;

-webkit-background-size: cover;

-o-background-size: cover;

background-size: cover;

とかつけても結局fixedで元の木阿弥。

 

色々調べて、 見つけたこれはずいぶん古くて、

https://code.google.com/p/android/issues/detail?id=3301

きっと一番下で解決してるはず!!と思いきや、

I fixed by removeing the fixed value from background, and moving the background on a <div> with position fixed and 100% height and width.

こんなことをしなけりゃならないらしいよヽ(´Д`)ノ

じゃなかったらJavascriptでこんなことぐらいしか思いつかないCSSだけで済むようにしてくださいよ今更イヤですよもう('A`)