ie9 радиус границы - PullRequest
Новая
       33

ie9 радиус границы

34 голосов
/ 21 марта 2011

У меня есть следующее, которое работает в Firefox, Chrome и Safari.Но не в IE9.Он применяет закругленные углы к верху слева и справа от тд.Чего мне не хватает? 

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);

Ответы [ 5 ]

75 голосов
/ 21 марта 2011

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

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

«край» означает «использовать новейший механизм рендеринга», поэтому IE 9 будет использовать 9, 10 использует 10 и т. Д.

20 голосов
/ 21 марта 2011

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

<!DOCTYPE html>

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

Редактировать: или многие другие Doctype's (XHTML и т. Д., Но это самый короткий и самый простой для запоминания)

13 голосов
/ 21 марта 2011

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

enter image description here

1 голос
/ 09 августа 2013

Отлично работает в проводнике 9 и 8 с: 

<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>
0 голосов
/ 28 мая 2013

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

...