html5 和 css3 里有 css sprite 的替代品吗

[pudd]

因为雪碧在手机设备上常出乱子，想知道在新的标准里有没有专门用于减少http链接数的设计

[chone]

@Sai 可以再优化一下把颜色相近的放在相邻区域，有利于浏览器渲染

[keakon]

@pudd
速度还不错，很漂亮，建议导航栏加个title属性，不加文字说明的话，有些图标不知道代表什么。

这里css sprites的应用感觉并不恰当，还记得它的本意吗————减少HTTP连接数，加快下载速度。
可是你的all.jpg有500多k，我花了5秒才下载完，这时候一直都只能显示load.gif。
事实上让用户第一时间看到第一张图，在用户还在摸索你的导航条时偷偷完成其他几张图的下载更合适。

另外，blog的响应速度很慢，感觉应该是被数据库拖慢了。

[pudd]

@keakon 谢谢keakon～因为最开始的方案就是一张图一个独立的连接，但是发现鼠标在下面的导航按钮上游荡时上面的图就切换得非常迟钝，所以尝试改用了css sprites，虽然第一次读图时花的时间比较多，但是读取完毕后就无比顺流。

一开始就载入第一张默认图片其他图交付后台下载这个很有趣，有点像iOS app启动的原则，先放上一张跟app界面相似的静态图片去骗人哈哈哈哈。

[pudd]

@key4ever key君乱入！

[keakon]

@pudd
这个问题可以用JavaScript解决，也就是预加载图片。
纯HTML+CSS也能做到，底部写个div来下载图片，但是隐藏显示就行了。