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

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

css-sprites css

nonopolarity · 技术社区 · 14 年前

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

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

1 回复 | 直到 14 年前

Yi Jiang G-Man 14 年前

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

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

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前