Question

Border Radius在IE9中不起作用。我在项目中使用的以下属性。我还添加.HTC文件

-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(Styles/border-radius.htc);

Answer 1

.myclass {
 border-style: solid;
 border-width: 2px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}

IE9将使用默认的border-radius，因此请确保在所有样式中包含调用边框半径的样式。然后您的网站将为IE9做好准备。

-moz-border-radius is for Firefox, -webkit-border-radius is for Safari and Chrome.

此外：不要忘记声明你的IE编码是ie9：

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

一些懒惰的开发人员<meta http-equiv="X-UA-Compatible" content="IE=7" />。如果该标记存在，则border-radius将永远不会在IE中工作。

Answer 2

使用

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

Answer 3

这是一个老线程，但它对我没有帮助。我的解决方案是将HTML 5 doctype声明添加到页面中：

＆lt;！DOCTYPE html＆gt;

其他HTML doctype声明也可能有效 - 我的问题是我生成的页面根本没有doctype声明。

Answer 4

您需要将其放入HTML标题

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

此处发现的答案ie9 border radius

Answer 5

border-radius.htc打破了ie9中的正常border-radius，包括border-radius.htc文件，即9 {9}以下版本<{1}}

Answer 6

IE9中的

border-radius无任何行为文件。

Answer 7

这个答案也有助于较低版本的ie，如ie6,7,8。

使用CSS Pie - ＆gt; http://css3pie.com/

这将允许您正常指定边框半径，然后在您的CSS中包含pie.htc脚本。这神奇地使它在IE6中工作。看那个！

这也适用于其他CSS3属性，例如背景渐变。

您也可以尝试将此添加到您的头部 - ＆gt;

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

祝你好运！

Answer 8

支持边界半径ie-7，即-8，即-9通过javascript 查看本教程如何在ie中显示边界半径 http://davidwalsh.name/css-rounded-corners

Answer 9

如果你同时使用border-radius filter：progid：DXImageTransform.Microsoft.gradient（startColorstr ='######'，endColorstr ='######'，GradientType = 0），只需评论此过滤器。

Answer 10

无论你包括什么或你写什么border-radius在ie9中都不起作用。更改浏览器模式或文档模式绝不是解决方案，因为它位于客户端。所以我担心我的朋友没有合理的方法在ie9中使border-radius正常工作，除非你接受javascript的帮助。

边界半径在IE9中不起作用

10 个答案: