边界半径在ie中不起作用，我该如何实现以便它开始在ie中工作[重复]
Posted
技术标签:
【中文标题】边界半径在ie中不起作用，我该如何实现以便它开始在ie中工作[重复]【英文标题】：border-radius not working in ie how can i implement so that it start working in ie [duplicate] 【发布时间】：2013-07-26 06:30:01 【问题描述】：我正在使用border-radius css 属性，它在ie 中不起作用，任何人都可以建议我任何想法，以便我开始在ie 中工作
<style>
.myclass
border-radius:10px;
</style>
【问题讨论】：
主要是ie8等也 【参考方案1】：使用 PIE 这将支持 IE 中的边框半径
【讨论】：
【参考方案2】：IE 9 和 10 支持 border-radius 属性。
对于 IE 8 和 7，您需要使用 CSS3PIE 进行一些 hack。
只需导入 PIE.htc 文件并执行以下操作，
border: 1px solid #696;
behavior: url(/pie/PIE.htc);
注意：请确保 url 路径正确，否则您将无法正常工作。检查我的answer。
【讨论】：
【参考方案3】：PIE 使Internet Explorer 6, 7, 8 能够呈现几个最有用的
CSS3 decoration features.
Go to this site
检查是否兼容Border Radius Browser
【讨论】：
IE 9 能够在不使用 pie 的情况下呈现border-radius
IE6 已不复存在。 RIP IE6
阅读本文档css3pie.com/documentation/getting-started
想想使用 pie 时性能下降的问题。【参考方案4】：
由于您没有指定遇到此问题的版本，因此如果您使用的是 Rohit 建议的 CSS3 Pie，但如果您使用的是 > 9 的 IE，请确保您使用<!DOCTYPE html> 并在<head> 标签之间使用下面的元标签
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
这里，edge 强制 IE 使用最新的渲染引擎。
如果是 IE9，还要确保将 Document Mode 设置为 IE9 Standards，版本 10 也是如此
【讨论】：
【参考方案5】：检查Progressive Internet Explorer。这使得 IE 遵循一些 CSS3 属性。
【讨论】：
等待所有脚本完全加载。 PIE 将从版本 6 开始支持 IE 中的border-radius 属性。阅读他们的文档。【参考方案6】：试试这个
<style>
.myclass
border-radius:10px;
-ms-border-radius:10px;
</style>
如果这比你使用旧版浏览器不起作用，你应该使用 pie.htc 作为 ie
【讨论】：
以上是关于边界半径在ie中不起作用，我该如何实现以便它开始在ie中工作[重复]的主要内容，如果未能解决你的问题，请参考以下文章