Почему CSS код круглого угла не работает с браузерами IE

Question

.style
{
-moz-border-radius:8px;
-webkit-border-radius:8px;
}

Answer 1

Поскольку одно из этих свойств предназначено для браузеров Gecko (-moz-), другое - для браузеров WebKit (-webkit-).

Для IE9 (и Opera 10.50+) вы можете добавить стандартное объявление:

border-radius: 8px;

Для предыдущих версий вам нужно будет найти другое решение.

Answer 2

Для IE 6-> 8 я предлагаю использовать CSS3PIE .

Answer 3

Поскольку IE 8 не использует префиксы ни -moz- (Mozilla Firefox), ни -webkit- (Chrome, Safari), а просто не поддерживает CSS 3.

border-radius является частьюCSS 3.

Answer 4

Для округления углов в IE используйте этот плагин jQuery. Он рисует углы в IE, используя вложенные элементы div (без изображений). Он имеет встроенное округление радиуса границы в браузерах, которые его поддерживают (Opera 10.5+, Firefox, Safari и Chrome). Поэтому в этих браузерах плагин просто устанавливает свойство css для элемента

http://jquery.malsup.com/corner/