哪种 Javascript 解决方案（不是 .htc）可以真正在 IE7 和 8 中实现抗锯齿圆角？

Question

哪种 JavaScript 解决方案（不是 .htc）可以真正在 IE7 和 8 中实现反锯齿圆角，就像 CSS3 在受支持的浏览器中提供的那样？

我尝试了很多

http://www.ruzee.com/blog/ruzeeborders/

http://blue-anvil.com/archives/anti-aliased -rounded-corners-with-jquery/

http://www.curvycorners.net/

所有人都声称提供抗锯齿角，但提供像这样的角

alt text http:// /shup.com/Shup/375652/11063104941-My-Desktop.png

但是没有人提供抗锯齿角。如果我需要 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>');
}

然后您可以按照上面的文章设置圆角元素的样式。