使用带有输入的Sprite图像

Question

我想知道是否可以使用精灵,其中每个图像是16 x 16作为输入文本/ textarea的背景,大约300px.任何人都知道一种方式,或者我应该将它们切成不同的背景.

Answer 1

您的需求可能是Diagonal CSS Sprites的绝佳选择.

这个想法是你可以在精灵或更大尺寸的上下文中使用精灵作为背景图像,而不用担心精灵中出现的其他图形.

为什么是对角雪碧？

使用构建在对角线上的精灵,您正在显示的组件下方或右侧没有组件.这允许使用精灵的元素尽可能宽或高,而不必担心暴露下一个组件.

当然,由于额外的空白空间,这是以更大的精灵文件大小为代价的,但是灵活性通常值得文件大小权衡.