我正在使用jQuery插件“corner”:http://www.malsup.com/jquery/corner/ 它几乎做得很好,让我的div在边缘。
问题是,我的divs应用了1px的边框。这适用于Safari,FF,Chrome等。 只有在IE(8)中,边框才会消失。它确实使边缘呈圆形,但没有边框。
在上面提到的网站上,我发现$(this).corner('keep');将保持边界。 我尝试过,但IE会输出方角(不是圆角)并正确显示边框。
有任何帮助吗? thx,Mexx
答案 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,其中包含完整的代码示例