Т.е. пограничный радиус

У меня есть следующее, которое работает в 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);

Ответ 1

У вас есть это вверху вашего документа HTML (над тегом <html>)

<!DOCTYPE html>

IE9 требует, чтобы на веб-сайте отображались новые вещи HTML5/CSS3.

Изменить: Или много других Doctype (XHTML и т.д., но это самый короткий и самый легкий для запоминания)

Ответ 2

Насколько я знаю, радиус границы должен работать на IE9. Возможно, вам не хватает этого в заголовке страницы:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

"edge" означает "использовать последний движок рендеринга", поэтому IE 9 будет использовать 9, 10 использует 10 и т.д.

Ответ 3

В дополнение к причинам, упомянутым в других ответах, Проверить в инструменте разработчика (нажмите F12), в вашем режиме документа должен быть установлен Internet Explorer 9 Standards

Ответ 4

Работает отлично в проводнике 9 и 8 с помощью:

<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>

Ответ 5

Добавили <!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>