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的雜亂頁面 - 這簡直是愚蠢！