Stretch and scale a CSS image in the background - with CSS only

后端 未结 22 2498
迷失自我
迷失自我 2020-11-22 01:37

I want that my background image stretch and scale depending on the browser viewport size.

I\'ve seen some questions on Stack Overflow that do the job, like

22条回答
  •  春和景丽
    2020-11-22 01:57

    CSS:

    html,body {
        background: url(images/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover; /* For WebKit*/
        -moz-background-size: cover;    /* Mozilla*/
        -o-background-size: cover;      /* Opera*/
        background-size: cover;         /* Generic*/
    }
    

提交回复
热议问题