怎样在html页面中把背景图片完整的显示出来

我的图片很长,无法显示完整,如果把它作为body的background-image来设定的话,只显示可视区域的一部分,把它放在img标签里可以完整显示,因为会出现滚动条,但是当我放大或者缩小屏幕的话,图片还是按它实际大小显示不会跟随屏幕大小改变。我现在就是想实现这个很长的图片完整显示出来,并且可以根据屏幕大小自动缩放

background:url(images/hi-wifi-bg.jpg) no-repeat center center; background-size:100% 100%;
背景图片的定位background-position设为center center(x,y)
background-size规定背景图像的尺寸,默认值是auto,追问

这样也显示不完整,只能显示可视区域那一块,不过我已经解决了,用img标签,再用onload,onresize事件实时监听浏览器大小,图片会跟着浏览器的大小变化并完整显示。

温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答