圆角（css 和 javascript）
请前往：http://jlecologia.com/page1c.html 查看问题
顶框看起来不错，但在 IE6 中有一个双顶部和底部边框。
有人可以指出我做错了什么吗？
或者任何人都可以告诉我一个javascript圆角框，它可以接受不等边框的效果。 我测试了一些，但都失败了，所以我完成了图片圆框，但我更喜欢 jQuery javascript 方法。
Please go to: http://jlecologia.com/page1c.html to see the problem
The top box look fine but in IE6 there is a double top and bottom border.
can somebody point me ut what i have done wrong ?
Or can anybody tell me a javascript rounded box that accept to do that effect with the border that is unequal. I have test some and they all fail, so i have done the picture round box but i like the jQuery javascript approach better.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
看一下 JQuery 的圆角插件
这里是一个演示
Take a look at the JQuery's round corner plugin
And here is a demo
背景图像默认为重复。
尝试： 背景：透明 url(../images/roundbox-top.jpg) 0 0 无重复；
在评论后编辑以提供完整的解决方案：
如果 css 中指定的高度小于字体大小，IE6 会将空 div 的高度设置为您的字体大小。
在 #roundbox .top 和 #roundbox .bottom 上，放置
这会将 div 折叠到正确的高度。
The default for background images to to have them repeat.
Try: background: transparent url(../images/roundbox-top.jpg) 0 0 no-repeat;
Edited after comment to provide full solution:
IE6 sets the height of empty divs to your font-size if the height specified in the css is less than the font-size.
On #roundbox .top and #roundbox .bottom, put
That will collapse the div to the right height.
除了对底部边框所做的更改之外，将“top”类元素的字体大小设置为 7px 也可以在我的 IE6 中修复该问题。
In addition to the change you've made for the bottom border, setting the font-size of the element with class "top" to 7px fixes it in my IE6.
尝试使用 Firefox 中的 Web 开发人员工具栏来验证 CSS 和 HTML。 我快速检查了一下，每个错误都有多个。 我怀疑渲染差异是因为 IE 不能像 FF 那样处理格式错误的内容。 特别是，即使 CSS 文件中的小错误也往往会在 IE 中滚雪球，并毁掉原本良好的布局。 不确定IE7和IE8是否在这方面做了任何改进。
Try using the web developer toolbar in Firefox to validate the CSS and HTML. I did a quick check and there are multiple errors in each. The rendering difference, I suspect, is because IE does not handle malformed content as well as FF. In particular, even small errors in CSS files tend to snowball in IE and melt down an otherwise good layout. Not sure if IE7 and IE8 have made any improvements in this regard.