html - 边界半径在 ie 中不起作用，我该如何实现以便它开始在 ie 中工作

Question

我正在使用border-radius css属性并且它在ie中不起作用，任何人都可以建议我任何想法，以便我开始在ie中工作

<style>
   .myclass
   {
       border-radius:10px;
   }
</style>

score 3 · Accepted Answer

由于您尚未指定遇到此问题的版本，因此如果您使用的是 IE < 9，则需要按照@Rohit的建议使用 CSS3 Pie，但如果您使用的是 IE > 9，请确保您使用<!DOCTYPE html>并使用标签之间的元标签<head>下方

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

在这里，edge强制 IE 使用最新的渲染引擎。

还要确保您已Document Mode设置为IE9 StandardsIE9，版本 10 也是如此

score 2 · Accepted Answer

2

检查渐进式 Internet Explorer。这使得 IE 遵循一些 CSS3 属性。

于 2013-07-26T05:39:12.217 回答

score 1 · Accepted Answer

PIE使得Internet Explorer 6, 7, 8能够渲染几个最有用的

 CSS3 decoration features.

score 1 · Accepted Answer

尝试这个

<style>
   .myclass
   {
  border-radius:10px;
 -ms-border-radius:10px;
   }
</style>

如果这比您使用旧版浏览器不起作用，您应该使用 pie.htc 即

score 1 · Accepted Answer

1

使用 PIE 这将支持 IE 中的边框半径

于 2013-07-26T06:25:25.130 回答

score 1 · Accepted Answer

IE 9 和 10 支持border-radius属性。

对于 IE 8 和 7，您需要使用CSS3PIE进行一些修改。

只需导入 PIE.htc 文件并执行以下操作，

border: 1px solid #696;
behavior: url(/pie/PIE.htc);

注意：请确保 url 路径正确，否则您将无法正常工作。检查我的答案。

6 回答 6