Вопрос по css, html, css3 – Границы радиуса не работает в IE9
Border Radius не работает в IE9. Следующий атрибут, который я использовал в своем проекте. а также я добавляю .HTC файл также
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(Styles/border-radius.htc);
border-radius просто хорошо. Не знаю, почему это не работает для вас; в вопросе недостаточно информации для его диагностики. Вы должны будете продемонстрировать, как на самом деле происходит проблема. Одно замечание: если вы собираетесь использовать HTC для поддержки IE7 / 8, вам следует подуматьCSS3Pie; он лучше, чем тот, который вы используете.
SDC
Это старая ветка, но она мне не помогла. Моим решением было добавить объявление HTML5 doctype на страницу:
& lt;! DOCTYPE html & gt;
Могут также работать другие объявления в формате HTML в формате HTML - моя проблема заключалась в том, что я генерировал страницы без объявления типа документа вообще.
border-radiusError: User Rate Limit Exceeded<style>Error: User Rate Limit Exceeded<head>Error: User Rate Limit Exceededborder-radiusError: User Rate Limit Exceeded<link>Error: User Rate Limit Exceeded<head>Error: User Rate Limit Exceeded<!DOCTYPE html>Error: User Rate Limit Exceeded
Неважно, что вы включаете или что пишете, border-radius не работает в ie9. Изменение режима браузера или режима документа никогда не является решением, потому что это на стороне клиента. Так что я боюсь, мой друг, что нет правдоподобного способа заставить работать границы радиуса правильно в ie9, если вы не воспользуетесь javascript
поддерживаемый радиус границы ie-7, т.е.-8, т.е.-9 через javascript проверьте этот урок, как показать радиус границы в т.е. http://davidwalsh.name/css-rounded-corners
Этот ответ также поможет с более низкими версиями, например, например, 6,7,8.
Использование CSS Pie - & gt;http://css3pie.com/
Это позволит вам обычно указывать радиус границы, а затем включать в ваш скрипт скрипт pie.htc. Это волшебным образом заставляет его работать в IE6. Посмотри на это!
Это также работает с другими свойствами CSS3, такими как фоновые градиенты.
Вы также можете попробовать добавить это к своей голове - & gt;
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
Удачи!
.myclass {
border-style: solid;
border-width: 2px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
IE9 будет использовать границы по умолчанию, поэтому убедитесь, что вы включили это во все ваши стили, вызывая радиус границы. Тогда ваш сайт будет готов к IE9.
-moz-border-radius is for Firefox, -webkit-border-radius is for Safari and Chrome.
Кроме того: не забудьте объявить, что ваша IE-кодировка - ie9:
<meta http-equiv="X-UA-Compatible" content="IE=9" />
Некоторые ленивые разработчики<meta http-equiv="X-UA-Compatible" content="IE=7" />, Если этот тег существует, border-radius никогда не будет работать в IE.
-moz-Error: User Rate Limit Exceededfirefox 3.6 and lowerError: User Rate Limit Exceeded
использование
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
Вы должны поместить это в свой заголовок HTML
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
Ответ обнаружен здесьie9 радиус границы
border-radiusError: User Rate Limit Exceeded<style>Error: User Rate Limit Exceeded<head>Error: User Rate Limit Exceededborder-radiusError: User Rate Limit Exceeded<link>Error: User Rate Limit Exceeded<head>Error: User Rate Limit Exceeded<meta http-equiv="X-UA-Compatible" content="IE=edge" />Error: User Rate Limit Exceeded
border-radiusError: User Rate Limit Exceeded<meta http-equiv="X-UA-Compatible" content="IE=edge" />Error: User Rate Limit Exceededborder-radiusError: User Rate Limit Exceededborder-radiusError: User Rate Limit Exceeded<!DOCTYPE html>Error: User Rate Limit Exceededborder-radiusError: User Rate Limit Exceeded