У меня есть следующее, которое работает в Firefox, Chrome и Safari. Но не в IE9. Он применяет закругленные углы вверху слева и справа от td. Что мне не хватает?
border-left: solid 1px #444f82;
border-right:solid 1px #444f82;
border-top:solid 1px #444f82;
border-top-right-radius: 7px;
border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
-khtml-border-radius-topright: 7px;
-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
-khtml-border-radius-topleft: 7px;
behavior: url(/survey_templates/PIE.htc);
У вас есть это вверху вашего документа HTML (над тегом <html>)
<!DOCTYPE html>
IE9 требует, чтобы на веб-сайте отображались новые вещи HTML5/CSS3.
Изменить: Или много других Doctype (XHTML и т.д., но это самый короткий и самый легкий для запоминания)
Насколько я знаю, радиус границы должен работать на IE9. Возможно, вам не хватает этого в заголовке страницы:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
"edge" означает "использовать последний движок рендеринга", поэтому IE 9 будет использовать 9, 10 использует 10 и т.д.
В дополнение к причинам, упомянутым в других ответах, Проверить в инструменте разработчика (нажмите F12), в вашем режиме документа должен быть установлен Internet Explorer 9 Standards
Работает отлично в проводнике 9 и 8 с помощью:
<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>
Добавили <!DOCTYPE html> и <meta http-equiv="X-UA-Compatible" content="IE=edge" /> в заголовок страницы и решили мою проблему.
Если border-radius не работает в IE9, вам нужно добавить как <!DOCTYPE html>, так и <meta http-equiv="X-UA-Compatible" content="IE=edge" /> в заголовок страницы.
Пожалуйста, имейте в виду, если у вас есть <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
в верхней части страницы граница границы может еще не отображаться в IE9, поэтому лучше изменить ее на <!DOCTYPE html>