2

我知道有很多关于在 IE8 中获得圆角的文章。我的问题是，如何使用 Modernizr 来支持 CSS3/HTML5 功能？

例如在 IE8 中显示圆角，我使用 CSS-3 属性

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

我在我的页面中包含了 Modernizr，但在 IE8 中仍然无法看到圆角。

4

1 回答 1

8

Modernizr 不启用功能，它只是测试它们是否可用。对于 CSS，它还可以消除使用供应商特定属性的需要，例如-moz-*并-webkit-*允许您简单地使用标准属性：

.myElement {
    -webkit-border-radius: 20px; /* No need for this */
    -moz-border-radius: 20px;    /* No need for this */
    border-radius: 20px;
}

对于 IE8 中的圆角，我不会打扰 Modernizr 功能检测，只需使用CSS PIE来启用它们。

.myElement {
    border-radius: 8px;
    behavior: url(/PIE.htc); /* only IE will use this */
}

请务必阅读有关如何使其工作的文档。

附带说明一下，标准border-radius已经被 mozilla 和 webkit 浏览器支持了很长一段时间，您可能想检查一下您是否真的针对需要这些前缀的任何浏览器：http: //caniuse.com/#search=边界半径（单击“显示所有版本”）

于 2012-11-08T12:45:39.707 回答