边界半径不工作在IE9 [英] Border Radius Not WORKING in IE9

问题描述

Border Radius在IE9中无法使用。以下属性在我的项目中使用。我也添加了.HTC文件

Border Radius is not working in IE9. The following Attribute i used in my project. and also i add the .HTC file also

-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); 

推荐答案

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

IE9会使用默认的border-radius，在所有的样式调用边界半径。

IE9 will use the default border-radius, so just make sure you include that in all your styles calling a border radius. Then your site will be ready for IE9.

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

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

Furthermore: don't forget to declare your IE coding is ie9:

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

一些惰性开发者有< meta http-equiv =X-UA -Compatiblecontent =IE = 7/> 。如果该标记存在，则border-radius将永远不会在IE中工作。

Some lazy developers have <meta http-equiv="X-UA-Compatible" content="IE=7" />. If that tag exists, border-radius will never work in IE.

这篇关于边界半径不工作在IE9的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！