IE6/IE7 +圆角......额外的不必要的填充！

Question

从根本上说，FF3和IE8渲染这种方式，这正是我想要的：

Firefox Render http://img4.imageshack.us/img4/3899/cornersfirefox.jpg http://img4.imageshack.us/img4/3899/cornersfirefox.jpg

然而，IE7和IE8使它像这样：

IE Render http://img18.imageshack.us/img18/4526/cornersie.jpg http://img18.imageshack.us/img18/4526/cornersie.jpg

我使用这个解决方案来处理没有图像的圆角：

http://www.editsite.net/blog/rounded_corners.html

最后，这里是我的代码和CSS（动态生成的，所以对于缺乏适当的黏合的抱歉）：

HTML CSS

预先感谢您！

Answer 1

在您链接到圆角js文件的网站上，有很多评论指出脚本在Internet Explorer中不起作用。既然你已经包含了jquery，我可以推荐一个叫做“角落”的jQuery插件，它似乎可以在ie中工作。

http://plugins.jquery.com/project/corners

Answer 2

只需使用corner-radius CSS属性，如果有人正在使用的浏览器，然后他们就得不到角落。这是一个好得多且可扩展的解决方案，比用不必要的JavaScript生成数百个多余div的杂乱页面 - 这简直是愚蠢！