让一个页面内有一张无限大的图，怎么做呢？

Question

一张gif的小图（156*66mm）以平铺的方式 不建议 这样图片会变形
最简单的方式无限循环一张小小图无限平铺？没试过不知道可不可行

Answer 1

google地图是用ajax来做的LZ可以把这样的图片设置为背景，然后通过背景的position来 控制图片的显示区域

Answer 2

仅供参考： 把gif设置为背景<div style="overflow:hidden;height:500px;width:500pxlposition:relative">
  <div style="background:url('./156x66.gif') repeat; width:500px;height:500px;margin-left:250px;margin-top:250px;position:absolute;left:-50%;top:-50%;"></div>
</div>然后在元素上绑定鼠标滚动事件，改变里面div的width和height margin-left:250px;margin-top:250px;position:absolute;left:-50%;top:-50%;(以父元素的500宽高为例)
样式保证里面的div一直居中显示仅供参考，不喜勿喷

Answer 3

Quote: 引用 6 楼 oalwaysonline1234 的回复:

仅供参考： 把gif设置为背景<div style="overflow:hidden;height:500px;width:500pxlposition:relative">
  <div style="background:url('./156x66.gif') repeat; width:500px;height:500px;margin-left:250px;margin-top:250px;position:absolute;left:-50%;top:-50%;"></div>
</div>然后在元素上绑定鼠标滚动事件，改变里面div的width和height margin-left:250px;margin-top:250px;position:absolute;left:-50%;top:-50%;(以父元素的500宽高为例)
样式保证里面的div一直居中显示你说的有道理，但我是初学者，感到不好懂，能从html标签开始写起吗？

Answer 4

你说的有道理，但我是初学者，感到不好懂，能帮我从html标签开始写起吗？