html – 使用带有输入的Sprite图像

前端之家收集整理的这篇文章主要介绍了html – 使用带有输入的Sprite图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道是否可以使用精灵,其中每个图像是16 x 16作为输入文本/ textarea的背景,大约300px.任何人都知道一种方式,或者我应该将它们切成不同的背景.

解决方法

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

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

为什么是对角雪碧?

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

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

猜你在找的HTML相关文章