CSS Sprite-map有多高/宽?

让我开始说,我意识到反对做大型图像的CSS Sprites的论据.我甚至问 a question,为什么会被认为是一个坏主意(并添加answer of my own).现在我们已经说过了

要做一个大的CSS Sprite地图.对于制作这个精灵图的过程,我需要知道为了让浏览器正确处理它,精灵图像的高度和/或宽度存在什么(如果有的话)限制.

这个问题背后的最终原因是关于是否在网格或单列/列中布置精灵图像的争论.例如:做4000×3000而不是400×30000是必要的还是有益的?

编辑:这里的关键不在于什么尺寸的图像可以,而是什么尺寸的浏览器可以处理精灵.鉴于迄今为止缺乏细节,我正在向前发展单列大型精灵.一旦完成,我会将我的经验的细节作为答案发布.

解决方法

有时这更像是下载时间.由于浏览器可以使用多个连接来下载文件,所以与一些较小的图像相比,巨大的图像可能需要更长的时间才能下载.

如果您的图像太大,以至于减慢页面加载速度,可能是考虑几个较小的精灵图像的时候了.

Direct-X 9的尺寸限制为4096像素,因此任何应用于这些元素的Internet Explorer过滤器都将以4096像素进行裁剪.

见:IE display transparency bug on height > 4096px?

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效