Не прочитав все эти многочисленные подходы, я рискну предположить, что на данный момент не существует универсального лучшего решения. Пока мы не можем предположить, что почти все наши посетители имеют браузеры, совместимые с CSS3, вам придется сделать выбор.

кто-нибудь сказать мне последнее решение для реализации закругленных углов с тегами DIV? Являются ли угловые изображения в формате PNG лучшим кросс-браузерным решением? Является ли Jquery лучшим подходом? Как все подходят к проблеме закругленных углов?

Большое спасибо.

Erik

Ответы на вопрос(3)

IE8 и раньше,Вот Есть несколько способов сделать закругленные углы.

Согласно этой странице Microsoft:

WindowsInternet Explorer 9 поддерживает добавление закругленных углов к элементам, используя свойства border-radius.

Он также предлагает эти страницы, которые утверждают, что они обновляются:

25 техник закругленных углов с CSS

Скругленные углы CSS 'Roundup'

Закругленные углы

Не прочитав все эти многочисленные подходы, я рискну предположить, что на данный момент не существует универсального лучшего решения. Пока мы не можем предположить, что почти все наши посетители имеют браузеры, совместимые с CSS3, вам придется сделать выбор.

Решение Вопроса

selector {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

Это будет работать во всех современных браузерах, включая IE9, см.http://caniuse.com/#search=border-radius

Подалеко лучший обходной путь для старых версий IE заключается виспользовать CSS3 пирог:

PIE делает Internet Explorer 6-8 способным отображать некоторые из самых полезных функций оформления CSS3.

В настоящее время PIE имеет полную или частичную поддержку следующих функций CSS3:

граница радиуса
• коробка-тень
• border-image
• несколько фоновых изображений
• линейный градиент в качестве фонового изображения

Как видите, вы также получаете поддержку для большего количества глазных конфет CSS3

 Thomas Shields30 мая 2011 г., 17:04
Вау, круто !!! CSS3 PIE - это то, что я искал! Спасибо!!
 thirtydot29 мая 2011 г., 23:06
Я бы очень хотел написать этот ответ раньше.

http://jonraasch.com/blog/css-rounded-corners-in-all-browsers

.rounded-corners {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

Больше не нужны изображения.

 stefgosselin29 мая 2011 г., 22:34
Слава Богу. Конечно, не пропустите все эти взломы изображений.

Ваш ответ на вопрос