首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >我如何使用现代使边界半径在IE8中工作?

我如何使用现代使边界半径在IE8中工作?
EN

Stack Overflow用户
提问于 2012-11-08 20:38:16
回答 1查看 5.3K关注 0票数 2

我知道已经有很多关于在IE8中获取圆角的文章。我的问题是,如何使用现代来支持CSS3/HTML5特性?

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

代码语言:javascript
复制
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

我已经在我的页面中包含了IE8,但是仍然不能在页面中看到圆角。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-11-08 20:45:40

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

代码语言:javascript
复制
.myElement {
    -webkit-border-radius: 20px; /* No need for this */
    -moz-border-radius: 20px;    /* No need for this */
    border-radius: 20px;
}

对于IE8中的圆角,我不会费心使用现代特征检测,只需使用CSS PIE来启用它们。

代码语言:javascript
复制
.myElement {
    border-radius: 8px;
    behavior: url(/PIE.htc); /* only IE will use this */
}

请务必阅读the docs,了解如何让它工作。

顺便说一句,现在mozilla和webkit浏览器支持标准border-radius已经有很长一段时间了,你可能想看看你的目标浏览器是否真的需要这些前缀:http://caniuse.com/#search=border-radius (点击“显示所有版本”)

票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13289309

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档