Question

在支持的浏览器中，哪个JavaScript解决方案（不是.htc）可以真正使IE7中的抗锯齿圆角和CSS3中的8个角落？

我尝试过很多次

所有人都声称给出了抗锯齿的角落，但却给出了这样的角落

但没有人给出抗锯齿角。如果我需要10px圆角。

Answer 1

你当然可以制作带有图像圆角的灵活元素。

由于现在许多现代浏览器都支持CSS3 border-radius，因此您可以将其作为主要解决方案，并为不支持它的人提供回退。

在最近的一个项目中，我使用border-radius创建了网站，并将jQuery .wrap（）用于不支持它的浏览器。它看起来像这样：

<强> HTML

<div class="round">
    <p>Hi, I'm a paragraph</p>
</div>

<强> CSS

.round {
    border: 1px solid red;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

<强>的jQuery

if ($.browser.msie) {
    $('.round').wrap('<div class="tl"><div class="tr"><div class="bl"><div class="br"></div></div></div></div>');
}

然后你可以根据上面的文章设计圆角元素的样式。