How to show full height background image?

后端 未结 4 1600
梦毁少年i
梦毁少年i 2020-12-25 11:19

I have a photo type (not landscape) background image with 979px width by 1200px height. I would like to set it to float left and show 100% full image height fixed, without t

4条回答
  •  南方客
    南方客 (楼主)
    2020-12-25 11:32

    You can do it with the code you have, you just need to ensure that html and body are set to 100% height.

    Demo: http://jsfiddle.net/kevinPHPkevin/a7eGN/

    html, body {
        height:100%;
    } 
    
    body {
        background-color: white;
        background-image: url('http://www.canvaz.com/portrait/charcoal-1.jpg');
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: left top;
    }
    

提交回复
热议问题