Css IE中当前页面链接的上角弯曲

有人能帮我理解一种在当前页面链接的左上角和右上角添加圆角的方法吗？我用过jQuery角点，但在IE中效果不太好。。。我想用PNG。角落之间的空间应为白色。PNG将是透明的，让下面的任何图像都可以显示出来

<ul>
    <li class="current"><a href="#"><span>Home</span></a></li>
    <li><a href="#"><span>Create Account</span></a></li>
    <li><a href="#"><span>Order a Catalogue</span></a></li>
    <li><a href="#"><span>Distributors</span></a></li>
    <li><a href="#"><span>About Us</span></a></li>
    <li><a href="#"><span>Contact Us</span></a></li>
    <li><a href="#"><span>Login</span></a></li>
</ul>

---

如果有任何帮助，我们将不胜感激。

用类似的方式绘制圆形矩形（确保背景透明！），并将其设置为

LI

的确切宽度。给它足够的高度，这样你就可以切掉按钮的圆角，它仍然足够高，可以填满

LI

。切掉底部圆角，进行相应裁剪，并将其另存为PNG。使用CSS将其设置为元素上的背景图像

ul li.current {
  background:url(../images/nav-current.png) no-repeat;
}

注意：如果在

LI

上使用背景色，它会从圆角的透明部分渗出，这是不好的

---

前进。。。您只需使用CSS3

边框左上半径

和

边框右上半径

以及

背景色

（无图像！），但IE8及更旧版本不支持这些功能。

嘿，朋友，要应用IE中可用的border-radius，您还必须应用border-radius.htc文件，您可以像下面这样将其应用于CSS。在我的项目中，我在Div标签上使用它，但是你可以在任何你想要的地方使用它

div
{
-moz-border-radius: 10px;
background: #D4D0C8;
border: 1px solid #808080;
-webkit-border-radius:10px;
behavior:url(border-radius.htc);
}

---

您也可以在谷歌上找到border-radius.htc文件。如果您可以提供您的emailid，那么如果您愿意，我可以将其发送给您。

该

是否具有固定宽度？这是一个相关的细节。是的，乔希！谢谢，我忘了提到要买的菜单了expand@Andy如果我理解你所说的“扩展”是什么意思，你可以把图像做得足够高，那就没有问题了。背景图像可以比其容器大，不会导致溢出。这是我考虑的宽度，如果不是设置的宽度，则不能使用固定图像。@Andy你说列表有固定宽度。抱歉，我是说UL是固定的，具有不同的li。很抱歉边界半径路径是相对于css文件还是html文件的？Andy，是的，我已经在IE、Chrome和Firefox中进行了测试，效果非常好。边界半径文件与CSS文件相关。