代码之家 › 专栏 › 技术社区 › nonopolarity

一个nxmcss精灵可以用来“repeat-x”使箭头的主体变长吗?

css-sprites css

0

nonopolarity · 技术社区 · 14 年前

例如,如果有一个CSS精灵,上面有n x m元素,并且有一个箭头、箭头体和箭头尾,每一个都是单独的。

箭头可以连接到 div 长度可变,以箭头体为背景,但重复-x或重复-y,并附加箭头尾部?我在想你不能指定雪碧的重复区域,所以它会在雪碧上显示其他图像,不是吗?还是有办法克服?

1 回复 | 直到 14 年前

1

Yi Jiang G-Man 14 年前

不,在当前的CSS规范中没有任何内容允许这样做,据我所知,在即将到来的CSS3规范中也没有任何内容允许这样做。

没有简单的解决办法。您可以尝试在sprite中创建所需宽度的重复元素,并希望png压缩算法将图像压缩到合理的大小,或者仅使用单独的图像。如果使用的是重复渐变,则可能还需要尝试使用CSS渐变。