css - 在 IE7/IE8 中创建圆 Angular

Question

我正在创建一个圆 Angular 选项卡，它在 IE9、Mozilla 和 Chrome 中工作正常，但在 IE7/IE8 中不工作。

代码如下:

<div id="navbar">
<div id="holder">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">News</a></li>
</ul>
</div>
</div>

#navbar {}
#holder {
border-bottom:1px solid #000;
overflow:hidden;
}

#navbar #holder ul {
margin:0;
padding:0;
list-style:none;
margin-top:15px;
}

#navbar #holder ul li { }
#navbar #holder ul li a {
text-decoration:none;
float:left;
margin-right:5px;
border:1px solid #000;
padding:15px;
text-align:center;
width:90px;
border-bottom:none;
display:block;
behavior:url(border-radius.htc);
border-radius:5px 5px 0 0;
}

#navbar #holder ul li a:hover {
background:#C09;
color:#fff;
}

你能告诉我代码以便它也适用于 IE7/IE8 吗？

Answer 1

使用 jquery corner ，它适用于所有主流浏览器

http://jquery.malsup.com/corner/

您甚至可以按照自己喜欢的方式配置 Angular !!