2011-12-12 57 views
2

我有一个问题,我创建了一个包含很多效果的按钮元素,例如边框半径,框阴影,内部阴影,文字阴影,渐变等。我想用CSS3创建此元素,但我需要同时支持IE7/8。过滤器vs CSS Sprites - CSS3后备

您是否推荐过滤器或精灵作为后备?

如果你提供了一个答案,你是否也可以解释哪个呈现更快以及哪个更加防弹?

预先非常感谢,

回答

2

我使用的线性梯度和不透明度的过滤器。我发现它们的加载速度比一个http请求的开销还要小,并且与下载一个精灵相关联。

虽然如果这个精灵被缓存,你可能会发现这是更大的网站上更高性能。

我用CSS3please作为参考。

+0

@beartwizzle是明智的。我必须问,你有多少图像需要ie7/8?如果它是一个小数字,精灵不会那么大......但是使用/学习过滤器对于增长来说太棒了 – albert

+0

我注意到了边界半径在过滤格式中不可用....您有任何建议吗?一个后备? ....我想尽可能保持性能 – bc17

+0

你可以使用CSS3Pie http://www.css3pie.com(它相当大,但你可以有条件地加载它只适用于较旧的IE浏览器) – isNaN1247