使用jquery.corner（）在IE中保留边框

Question

我正在使用jQuery插件“corner”：http://www.malsup.com/jquery/corner/ 它几乎做得很好，让我的div在边缘。

问题是，我的divs应用了1px的边框。这适用于Safari，FF，Chrome等。 只有在IE（8）中，边框才会消失。它确实使边缘呈圆形，但没有边框。

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

---

有任何帮助吗？ thx，Mexx

Answer 1

根据他们网站上的文档，你可以嵌套两个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

Answer 2

尝试使用：

$(this).corner("round 38px").parent().css('padding', '1px').corner("round 40px")

也存在问题。

Answer 3

我知道这已经过时了但它恰好是google针对此问题的第一个stackoverflow结果

简单的解决方案，无需手动重新编写所有角落分区

使用jQuery

$('.yourcornerclass').wrap('<div class="youroutercornerclass"></div>');

此处有更多信息@ tonyamoyal，其中包含完整的代码示例