Вопрос по css, html, css3 – Границы радиуса не работает в IE9

0

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); 
IE9 поддерживает свойство border-radius, один раз проверьте режим браузера, т.е. режим браузера: IE9 и режим документа: IE9 Valli69
Радиус в IE работает, mabye somting не так с кодом, вы можете загрузить его вы можете использовать: PasteBin или любой другой сайт, чтобы загрузить код, хорошего дня. Blanktext
HTC не имеет отношения к IE9; вам нужно только для IE8 или ниже. IE9 поддерживаетborder-radius просто хорошо. Не знаю, почему это не работает для вас; в вопросе недостаточно информации для его диагностики. Вы должны будете продемонстрировать, как на самом деле происходит проблема. Одно замечание: если вы собираетесь использовать HTC для поддержки IE7 / 8, вам следует подуматьCSS3Pie; он лучше, чем тот, который вы используете. SDC

Ваш Ответ

10   ответов
0

Если вы одновременно используете border-radius с фильтр: progid: DXImageTransform.Microsoft.gradient (startColorstr = & ####### & amp ;, endColorstr = & ####### & amp;, GradientType = 0), просто прокомментируйте этот фильтр.

3

Это старая ветка, но она мне не помогла. Моим решением было добавить объявление HTML5 doctype на страницу:

& lt;! DOCTYPE html & gt;

Могут также работать другие объявления в формате HTML в формате HTML - моя проблема заключалась в том, что я генерировал страницы без объявления типа документа вообще.

Error: User Rate Limit Exceededborder-radiusError: User Rate Limit Exceeded<!DOCTYPE html>Error: User Rate Limit Exceededborder-radiusError: User Rate Limit Exceeded
Error: User Rate Limit ExceededonlyError: User Rate Limit Exceededborder-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
0

Неважно, что вы включаете или что пишете, border-radius не работает в ie9. Изменение режима браузера или режима документа никогда не является решением, потому что это на стороне клиента. Так что я боюсь, мой друг, что нет правдоподобного способа заставить работать границы радиуса правильно в ie9, если вы не воспользуетесь javascript

0

border-radius.htc нарушил нормальный border-radius в ie9, включил файл border-radius.htc в ie версии ниже 9 сconditional comments

0

поддерживаемый радиус границы ie-7, т.е.-8, т.е.-9 через javascript проверьте этот урок, как показать радиус границы в т.е. http://davidwalsh.name/css-rounded-corners

0

Этот ответ также поможет с более низкими версиями, например, например, 6,7,8.

Использование CSS Pie - & gt;http://css3pie.com/

Это позволит вам обычно указывать радиус границы, а затем включать в ваш скрипт скрипт pie.htc. Это волшебным образом заставляет его работать в IE6. Посмотри на это!

Это также работает с другими свойствами CSS3, такими как фоновые градиенты.

Вы также можете попробовать добавить это к своей голове - & gt;

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

Удачи!

5
.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.

Error: User Rate Limit Exceeded
-moz-Error: User Rate Limit Exceededfirefox 3.6 and lowerError: User Rate Limit Exceeded
0

в IE9 border-radius работает без каких-либо файлов поведения.

4

использование

 <!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"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">Error: User Rate Limit Exceeded
2

Вы должны поместить это в свой заголовок HTML

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

Ответ обнаружен здесьie9 радиус границы

Error: User Rate Limit ExceededonlyError: User Rate Limit Exceededborder-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
Error: User Rate Limit Exceededborder-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

Похожие вопросы