我有一个照片类型(不是风景)背景图像与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; }