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

时间:2009-11-19 16:37:00

标签: jquery rounded-corners border

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

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

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


有任何帮助吗? thx,Mexx

3 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

尝试使用:

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

也存在问题。

答案 2 :(得分:0)

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

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

使用jQuery

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

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