如何使用css1创建一个圆角的容器？

Question

我想创建一个容器，这将有圆角，而无需使用图像（仅使用边框和div标签）。

它应该与所有的浏览器。

Answer 1

CSS圆角与“所有浏览器”不兼容，版本太多，许多旧版本的浏览器仍在使用，因此需要一个纯粹的CSS解决方案。

此外，如果你的国家，你不能使用图片，因为这是解决方法之一你是严重限制。

但是，我认为你应该考虑使用CSS舍入边框，因为你可以在不支持它们的浏览器上优雅地退化，用其他CSS技术来使元素看起来一样好。这几乎是大多数人现在这样做的。

这意味着什么在实践中是，当你的用户升级他们的浏览器时，他们“自动”获得好处，而不必编写你的站点的两个版本。

Answer 2

你想支持哪些浏览器（“所有浏览器”包括IE6？那么IE5呢？那么早些时候呢？）。

你大概知道CSS border-radius财产。这是在您的盒子上绘制圆角的标准方法。

由于您对“所有浏览器”感到忧心忡忡，我假设您担心旧版本的IE，并且您说得对：border-radius在IE6，IE7或IE8中不起作用。

如果你不想使用图像，但你想支持这些浏览器，那么你将不得不使用基于Javascript的解决方案。

到目前为止最好最容易使用的是CSS3Pie。它嵌入到样式表中，使用IE的behavior风格，并使IE以标准border-radius风格工作。请参阅CSS3Pie网站上的说明和演示以获取更多关于它如何工作的信息，但足以说这是我现在推荐的用于IE中圆角的唯一解决方案。