html - IE 中的 CSS 圆 Angular

Question

我正在使用 this .htc 逻辑使我的内容选项卡变圆但它不起作用。我的选项卡结构如下所示。

<li id="profiletab1" class="selected">
   <a href="#">Overview</a>
</li>
<li id="profiletab2" class="">
   <a href="#">Overview</a>
</li>
...

CSS 代码

color: #4f4f4f;
 height: 35px;
 display: inline-block;
 padding: 0px 18px 0px 19px;
 font-size: 14px;
 line-height: 35px;
 -webkit-border-radius: 5px 5px 0px 0px;
 -moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
behavior: url(border-radius.htc);

background: #e7e7e7;
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e7e7e7), to(#cccccc));
 background: -webkit-linear-gradient(#e7e7e7, #cccccc);
 background: -moz-linear-gradient(#e7e7e7, #cccccc);
 background: -ms-linear-gradient(#e7e7e7, #cccccc);
 background: -o-linear-gradient(#e7e7e7, #cccccc);
 background: linear-gradient(#e7e7e7, #cccccc);
 -pie-background: linear-gradient(#e7e7e7, #cccccc);
 border-right: 1px solid #b1b1b1;

Answer 1

IE 直到 IE 9 才支持 CSS 3

使用

border-radius

在 CSS 中，

添加

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

和

如果你想在 IE 7/8 中使用它们，

您将需要一些 javascript 库的帮助。

例如http://css3pie.com/