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 - это просто глупо!