edo1z blog

プログラミングなどに関するブログです

Androidで背景画像が固定できない!!

これでPCだと問題なく固定できますし、iPhoneでも問題なく固定されます。しかしながらAndroidだと固定されません!!!

body{
    background:url('../img/img.jpg') no-repeat center center fixed;
    background-size:cover;
}

PC/スマートフォンで背景画像を固定するここに書いてある方法(下記)をやってみたら、Androidだと固定されますが、今度はiPhoneで今までのAndroidと同じように固定されなくなって笑いました。残念です。

.background-hack {
    z-index                 : -1;
    background-color        : #cccccc;
    background-image        : url('images/background.jpg');
    background-repeat       : no-repeat;
    background-size         : 100% auto;
    position                : fixed;
    top                     : 0;
    left                    : 0;
    right                   : 0;
    bottom                  : 0;
}

仕方ないので、UserAgentでAndroidのときだけ、上記を適用するようにしました。