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

您需要使用：

behavoir:url(PIE.htc)

在课程结束时

Answer 2

IE在IE 9之前不支持CSS 3

在css中使用

border-radius

，

添加

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

和

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

你需要一些javascript库的帮助。

e.g。 http://css3pie.com/

Answer 3

它可以在任何IE浏览器中使用吗？还要仔细检查.htc文件的路径

我正在使用PIE.htc方法，我的CSS就像这样。

#maincol #content {
float:left;
background-color:#FFF;
width:100%;
height:399px;
-moz-border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px; 
behavior: url(../css/PIE.htc);
}

此外，我已经测试并验证它适用于所有版本的IE。我所要做的就是将pie.htc文件放在我的CSS文件夹中，然后将行为添加到我想要围绕角落的元素上。

CSS圆角在IE中

3 个答案: