css – 如何显示全高度背景图片?

前端之家收集整理的这篇文章主要介绍了css – 如何显示全高度背景图片?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个照片类型(不是风景)背景图像与979px宽度1200px高度。我想将其设置为向左浮动,并显示100%全图像高度固定,而不需要向上/向下滚动(无论内容长度)。

这是我的CSS代码,但不工作。

img,media {
  max-width: 100%;
}


    body 
    {
        background-color: white;
        background-image: url('../images/bg-image.jpg');
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: left top;
    }

请指教。

谢谢。

HC。

解决方法

你可以用你的代码来做到这一点。你需要确保html和body都设置为100%的高度

演示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;
    }

猜你在找的CSS相关文章