admin管理员组

文章数量:1328384

What is the most consistent, cross-browser patible jQuery plugin for rendering rounded corners on HTML elements without images?

Everything I have used so far has either been inconsistent and unreliable across different browsers, and/or has added unnecessary elements that interfere with cascading CSS.

What is the most consistent, cross-browser patible jQuery plugin for rendering rounded corners on HTML elements without images?

Everything I have used so far has either been inconsistent and unreliable across different browsers, and/or has added unnecessary elements that interfere with cascading CSS.

  • javascript
  • jquery
  • html
  • css
  • rounded-corners
Share Improve this question asked Jun 13, 2011 at 17:07 smartcavemansmartcaveman 42.3k31 gold badges133 silver badges217 bronze badges
Add a ment  | 

2 Answers 2

Reset to default 16

Wait, what?

"Every browser" except IE6/7/8 supports border-radius: http://caniuse./border-radius

For the aforementioned troublesome browsers, you can use CSS3 PIE:

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

+1 on CSS3 PIE as well. However contrary to earlier ments, it does actually support different radii per corner, by way of multiple values on the shorthand value. See here: http://css3pie./documentation/supported-css3-features/#border-radius

As an example: border-radius: 10px 10px 0 0; will round the top corners but leave the bottom corners square. You can also supply different radii for x vs. y for each corner, for example: border-radius: 5px 5px 0 0 / 10px 10px 0 0;

Since all other current versions of the major browsers support this same exact shorthand, it is easy in bination with PIE to get them all looking alike as long as you use the shorthand.

本文标签：

版权声明：本文标题：javascript - What is the most cross-browser consistent jQuery plugin for rendering rounded corners on HTML elements without imag 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1742257751a2441939.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。