CSS里面背景图像使用background-position定位显示的时候怎么才能让背景平铺？

Posted 2023-03-23

页面背景都做在一个PNG图片里面，有的背景因为是可以通过平铺来实现，所以就把背景切成了长条放在PNG图像里，用background-image:调用，并用background-position定位，请问怎样才能实现长条的平铺呢？？

参考技术A 如果是要平铺的图片只能做成单张的图片，集合图片（css
sprite）是不行的。
至于实现平铺效果用：
background-repeat:repeat;
background-repeat:repeat-y;
background-repeat:repeat-x;
再看看别人怎么说的。 参考技术B 如果是要平铺的图片只能做成单张的图片，集合图片（css
sprite）是不行的。
至于实现平铺效果用：
background-repeat:repeat;
background-repeat:repeat-y;
background-repeat:repeat-x; 参考技术C background-position: 12px 12px;
就是类似的2个像素，你可以在浏览器里面F12调整，可以达到最终效果。我做html5游戏的时候，就利用了这个。