微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

解决方法

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

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

为什么是对角雪碧?

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

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

原文地址:https://www.jb51.cc/html/231634.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐