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

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

解决方法

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

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

为什么是对角雪碧?

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

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

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些