Question

因此,我期待着在社会保障局使用 sp片进行背景形象。简言之,我没有去。我有一份完整的画面,我想在表上用16px平方,把它作为重复的背景。

Some notes:

I don t need to support old browsers, just the latest FF or Chrome will do.
I would prefer pure CSS solutions. I can and will create a JS/Canvas solution with data:URI s if I need to but considering how many elements I may need this for, I would prefer to not have to do that if I can get better results via pure CSS.
Need to repeat in both x and y directions
Looking for solution that takes advantage of a single image in memory/cache so that I don t have to load the sprite-sheet for every sprite I want to insert

Answer 1

这里的纯粹的CSS解决办法仅以“E”为目的,但似乎满足了你们的所有要求。

body{ background-image: -moz-image-rect(
    url( http://placekitten.com/500/500 ),
    0,100,100,0
); }

Answer 2

只有一种方法符合你的条件(最难的是需要重复):使用<代码>边界-日。

但是,有一件坏事:造成边境点中央部分的破碎:不仅在网基和 mo之间,甚至在沙田和 Chrome之间,都存在差别,因此我增加了许多 ha。

最后,这一目标是可以实现的,但代价是cks。

因此,我建议你使用数据:里,没有其他办法在网关和Fx中这样做(如上所述,只有Fx才能使用<代码>-moz-image-rect<>/code)。