什么是圆角的最新解决方案？ [英] What's the latest solution for rounded corners?

问题描述

任何人都可以告诉我用DIV标签实现圆角的最新解决方案？ PNG角图像仍然是最好的跨浏览器解决方案？是Jquery最好的方法吗？

Erik

$ b b

解决方案

此时的最佳解决方案是使用：

  selector {
 -webkit-border-radius：50px; 
 -moz-border-radius：50px; 
 border-radius：50px; 
} 
  

这将适用于包括IE9在内的所有现代浏览器， href =http://caniuse.com/#search=border-radius =nofollow> http://caniuse.com/#search=border-radius

由 far ，旧版IE的最佳解决方法是使用CSS3 PIE ：

PIE使Internet Explorer 6-8
能够呈现
中最有用的几个CSS3装饰功能。

PIE目前对以下CSS3
功能支持完全或部分
：

• border-radius

•box-shadow

•border-image

•多个背景图片

•线性渐变作为背景图片

正如你所看到的， / p>

Can anyone tell me the the latest solution for implementing rounded corners with DIV tags? Is the PNG corner images still the best cross-browser solution? Is Jquery the best approach? How is everyone approaching the rounded corners problem?

Many thanks.

Erik

解决方案

The optimal solution at the moment is to use:

selector {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

That will work in "all" modern browsers including IE9, see: http://caniuse.com/#search=border-radius

By far the best workaround for older versions of IE is to use CSS3 PIE:

PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.

PIE currently has full or partial support for the following CSS3 features:

• border-radius
• box-shadow
• border-image
• multiple background images
• linear-gradient as background image

As you can see, you also get support for more CSS3 eye candy

这篇关于什么是圆角的最新解决方案？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！