IE6 / IE7 + Закругленные углы ... дополнительные нежелательные отступы

Question

В сущности, FF3 и IE8 рендерит это так, чего я и хочу:

Однако IE7 и IE8 отображают это так:

Я использую это решение для закругленных углов без изображений:

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

И, наконец, вот мой код и CSS (сгенерированный динамически, извините за отсутствие правильной табуляции):

HTML CSS

Заранее спасибо!

Answer 1

Просто используйте свойство corner-radius CSS, и если кто-то использует старый браузер, то у него просто нет углов. Это гораздо лучшее и масштабируемое решение, чем убирание вашей страницы ненужным JavaScript, которое приводит к сотням лишних делений - это просто глупо!

Answer 2

на веб-сайте, на который вы ссылаетесь для файла js с закругленными углами, есть много комментариев, которые жалуются, что скрипт не работает в Internet Explorer. Поскольку вы уже включили jquery, я могу порекомендовать плагин jQuery под названием «corners», который, кажется, работает в т. Е.

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