【发布时间】：2011-11-07 15:20:34
【问题描述】：
我想创建一个不使用图像的圆角容器（仅使用边框和 div 标签）。
它应该适用于所有浏览器。
【问题讨论】：
标签： css
【发布时间】：2011-11-07 15:20:34
【问题描述】：
CSS 圆角与“所有浏览器”不兼容，版本太多，而且许多旧浏览器仍在使用，因此没有纯 CSS 解决方案。
此外，如果您声明不能使用图像，您将受到严重限制，因为这是解决方法之一。
但是，我认为您应该考虑使用 CSS 圆角边框，因为您可以在不支持它们的浏览器上优雅地降级，并使用其他 CSS 技术使元素看起来一样好。这几乎是当今大多数人的做法。
这在实践中意味着当您的用户升级他们的浏览器时，他们“自动”获得好处，而无需您编写网站的两个版本。
【讨论】：
您希望支持哪些浏览器（“所有浏览器”是否包括 IE6？IE5 呢？比这更早？）。
您大概知道 CSS border-radius 属性。这是在盒子上绘制圆角的标准方法。
既然你对“所有浏览器”大惊小怪，我假设你担心的是旧版本的 IE，你是对的：border-radius 在 IE6、IE7 或 IE8 中不起作用。
如果您不想使用图像，但确实想支持这些浏览器，那么您将不得不使用基于 Javascript 的解决方案。
到目前为止，最好和最容易使用的是CSS3Pie。它使用 IE 的 behavior 样式连接到样式表，并使 IE 使用标准的 border-radius 样式。有关其工作原理的更多信息，请参阅 CSS3Pie 网站上的说明和演示，但我只想说这是我最近推荐的用于 IE 圆角的唯一解决方案。
【讨论】：