html – 边界半径在IE9中不起作用

概述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 border Radius在IE9中不起作用.我在项目中使用的以下属性.而且我也添加了.HTC文件

-moz-Box-shadow: 0 1px 3px rgba(0,0.5);-webkit-Box-shadow: 0 1px 3px rgba(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做好准备.

-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中工作.

总结

以上是内存溢出为你收集整理的html – 边界半径在IE9中不起作用全部内容，希望文章能够帮你解决html – 边界半径在IE9中不起作用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。