什么是最具跨浏览器一致性的jQuery插件，用于在没有图像的HTML元素上渲染圆角

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

本文关键字：图像 HTML 元素 圆角 浏览器 一致性 什么 插件 jQuery 用于      更新时间：2023-09-26

在没有图像的HTML元素上渲染圆角的最一致、跨浏览器兼容的jQuery插件是什么

到目前为止，我使用的所有东西在不同的浏览器中要么不一致，要么不可靠，和/或添加了不必要的元素，干扰了级联CSS。

等等，什么？

除IE6/7/8外的"所有浏览器"都支持border-radius：http://caniuse.com/border-radius

对于上述麻烦的浏览器，您可以使用CSS3 PIE:

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

•边界半径
•方框阴影
•边界图像
•多个背景图像
•线性梯度作为背景图像

+1也在CSS3 PIE上。然而，与前面的评论相反，它确实支持每个角的不同半径，通过简写值上的多个值。请参见此处：http://css3pie.com/documentation/supported-css3-features/#border-半径

例如：border-radius: 10px 10px 0 0;将使顶角变圆，但使底角保持正方形。您还可以为每个角提供不同的x和y半径，例如：border-radius: 5px 5px 0 0 / 10px 10px 0 0;

由于主流浏览器的所有其他当前版本都支持这种完全相同的缩写，因此只要使用缩写，与PIE结合使用就可以很容易地使它们看起来都一样。

相关文章：