background-imageで、横幅100％で縦横比を保ったまま表示させる。 - Cacher Snippet

4/19/2017 - 7:04 AM

background-imageで、横幅100％で縦横比を保ったまま表示させる。

background-imageで、横幅100％で縦横比を保ったまま表示させる。

bg-width100.css

html {
    background: url(images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}