CSS-граница радиуса в IE

Question

У меня проблема с границей радиуса.У меня есть CSS, как это:

div#askWindow, div#orderWindow{
position: fixed;
top: 17%;
left: 50%;
margin-left: -128px;
width: 257px;
background-color:#fff;
padding:10px 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;     
border-radius: 20px;
behavior: url(PIE.htc);}

На самом деле, это CSS для окон jqModal, но я пробовал этот материал без плагина.В IE8 нет эффекта с ним.Похоже, то же самое с IE7.Где я тут не прав?

Answer 1

Свойство CSS border-radius (и все варианты браузера) не работают в IE8 или ниже. Эти версии не поддерживают CSS3.

РЕДАКТИРОВАТЬ # 1

Поскольку вы используете CSS3PIE, убедитесь, что путь к файлу правила указан правильно. Где он расположен относительно вашей таблицы стилей?

РЕДАКТИРОВАТЬ # 2

Сайт CSS3PIE размещает файл PIE.htc в каталоге своего корневого сервера. Попробуйте разместить свой там и использовать behavior: url(/PIE.htc) в таблице стилей.

Answer 2

Согласно моему пониманию этой страницы и приведенных примеров, вы должны поместить ваш .htc в ту же папку вашего документа, если вы используете url (name.htc), а не внутри вашей папки css, если это не тот же каталог, в котором находится ваш документ.

Т.е. относительный URL-адрес относится к корню документа (например, localhost / index.html), а не к каталогу, где находится CSS, определяющий свойство(локальный / CSS /).