pie.htc не решает проблемы css3

Question

Я имею PIE.HTC в корневом каталоге и пытаюсь заставить закругленные углы работать в Internet Explorer

Это мой CSS

#credits-earned
{
    border-style:solid;
    border-width:2px;
    border-color:#EDEDED;
    width:170px;
    height:60px;
    margin-bottom:10px;
    font-weight: bold;
    border-radius:8px;
    behavior: url (PIE.htc);
}

HTML-код, на который он пытается повлиять:

<div id="credits-earned">
                        You need to earn X<br> more credits today to avoid losing credits
                    </div>

Однако закругленные углы не работают в IE.

Любая помощь будет оценена.

Answer 1

При включении ресурса во внешний файл CSS URL-адрес относительно файла CSS.

если вы хотите включить что-то из другого каталога, вы можете использовать относительный путь (пример behavior:url('../PIE.htc')) или используйте абсолютный путь (пример behavior:url('/PIE.htc'))

для получения дополнительной информации о путях в таблицах стилей - с использованием относительного URL-адреса в файле CSS, к какому расположению он относится?

Answer 2

Помимо правильного пути работы pie.htc, дайте:

 #credits-earned
 { position: relative;
 }