我正在使用 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
