Skip to main content
 首页 » 编程设计

jquery之使用 jquery.corner() 在 IE 中保留边框

2026年07月28日6linjiqin

我正在使用 jQuery 插件“corner”:http://www.malsup.com/jquery/corner/ 它几乎可以很好地使我的 div 边缘变圆。

问题是,我的 div 应用了 1px 的边框。这在 Safari、FF、Chrome 等中效果很好。 只有在 IE (8) 中边框才会消失。它确实将边缘渲染成圆形,但没有边框。

在上面提到的网站上我发现 $(this).corner('keep');将保留边界。 我尝试过,但 IE 将输出方角(不是圆角)并正确显示边框。

<小时 />

有什么帮助吗? 谢谢,梅克斯

请您参考如下方法:

根据他们网站上的文档,您可以嵌套两个 div,这样看起来就有一个边框(它可以在 IE 上运行)。

$(this).corner("round 8px").parent().css('padding', '1px').corner("round 10px") 

我个人认为它很丑陋,因为你必须添加无用的标记,但我担心如果你想坚持使用这个插件,这是唯一的解决方案。

如果你想在 IE 中使用 CSS3 的 border-radius,我知道还有其他解决方案。您应该阅读 Microsoft 对此的说法(并单击提供的链接):http://msdn.microsoft.com/en-us/library/bb250413%28VS.85%29.aspx