Question

我为按钮和标签控件设置了曲线样式。它在Firefox中正常工作，但在IE中却没有。

这是CSS：

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;

Answer 1

-webkit-border-radius: 15px; /* Experimental implementation of CSS 3 feature for webkit */
-moz-border-radius: 15px;    /* Experimental implementation of CSS 3 feature for Mozilla */
-o-border-radius: 15px;      /* Experimental implementation of CSS 3 feature for Opera */
border-radius: 15px;         /* CSS 3 feature that is not yet a recommendation */

您不应期望在Internet Explorer (except version 9 beta)

中看到支持

然而，它只是化妆品，所以不要担心。使用Internet Explorer的人不会得到弯曲的角落 - 这不是什么大问题，内容仍然可用。

Answer 2

IE无法使用它。如果你想在IE中弯曲边缘，你将不得不使用另一种方法。

Answer 3

你不能在IE中这样做我相信。虽然有一些黑客可以让它工作。我之前使用过这个，我认为它与旧版本相比也很好。 http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser

Answer 4

如果你真的想在IE中找到一个弯角，请转到Curvycorners＆amp;下载它的稳定版本。它只是一个javaScript文件。然后参考您项目中的“curvycorners.src.js”文件。写下你写的相同的CSS代码“-webkit-border-radius：15px; -moz-border-radius：15px; “除了其他两个属性。它肯定会起作用。对我而言，对你而言。

Answer 5

如果你想在 IE8 或更高版本中应用CSS，那么你可能不需要像在 FF 中声明的那样更改CSS，但是如果你需要使用 IE7 那么您可能需要使用以下语法。

#webkit-border-radius: 15px;
#moz-border-radius: 15px;
#o-border-radius: 15px;
#border-radius: 15px;

感谢。

为什么我的CSS不在IE中工作？

5 个答案: