CSS-优化圆角以提高速度

速度如下:CSS>精灵>分离图像。 精灵是当你使用一个单独的图像并用CSS对其进行切片/定位时,而不是对角点使用单独的图像。因为你只下载一张图片。CSS是最快的,因为它不需要下载任何东西。

radius

对于那些没有的(旧的)浏览器,应用基于图像的解决方法。

两者完全相同,只是因为CSS3规范还没有最终确定,Mozilla实现了 border-radius 与 -moz- 供应商前缀。你会需要的,还有 -webkit- 圆角版本,可在Webkit(Chrome、Safari)和Mozilla(Firefox)浏览器上运行。

至于速度。。现在还不清楚您是在谈论传输还是渲染速度。在任何一种情况下,我建议差别可以忽略不计,您应该使用这三种方法来获得最大的浏览器支持(当然,减去IE)

我推荐CSS精灵。这是一个很好的教程: http://bavotasan.com/tutorials/simple-rounded-corners-with-a-css-sprite/