Question

css 背景图片显示不完整

如图是一个全屏的图片滚动，但是图片只显示了一部分，没有完全显示

下面是该张图片的CSS

求大神解释下为什么，我应该怎么做图片就能显示完整，并且总是全屏的。





Answer 1

css2如果用背景图，实现个分辨率下的图片填充效果是做不到的。用CSS3可以，但是多数浏览器还不支持
如果一定要用，可以通过 <img src="图片路径" width="100%" height="自己设置(固定高度)或不写(自适应高度)" style="position:absolute; z-index:-1; 其他设置根据自己的需求写" />

追问

说的很有道理，但是上面那位直接说中了我的问题所在。谢啦！

Answer 2

css背景图片显示不完整，有以下几方面原因：
1、css没有被调用；请检查css调用是否成功。
2、css图片地址不对；请检查css图片地址是否正确。
3、div的高度没有固定，是auto或者没有设值；div设置错误容易导致背景图片高度太大则无法显示。
4、div被嵌套；查看嵌套的div是否设置正确。
5、div代码不规范；请检查div代码是否书写正确。

Answer 3

是你图片尺寸太大了好吧！