技術資料

error この記事は最終更新日から1年以上が経過しています。

背景画像固定のアレ。

#fixedbg{
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(img/fixedbg.png);
    background-attachment: fixed;
}

こんな感じ。 background-attachment がキモ。

これだけで済むのはとても素晴らしいけど、iOSだとうまくいかないので、結局JSやらなんやらでごにょごにょする必要が出てくる。