pie.htc nie naprawia problemów css3 - html, css3, zaokrąglone rogi, css3pie

Mam plik PIE.HTC w katalogu głównym i próbuję wykonać zaokrąglone rogi w przeglądarce Internet Explorer

To jest mój 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, na który próbuje się wpływać, to:

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

Jednak zaokrąglone rogi nie działają w IE.

Każda pomoc może zostać doceniona.

Odpowiedzi:

przy dołączaniu zasobu do zewnętrznego pliku css adres URL jest względny do pliku css.

jeśli chcesz dołączyć coś z innego katalogu, możesz użyć ścieżki względnej (przykład behavior:url("../PIE.htc")) lub użyj ścieżki bezwzględnej (przykład behavior:url("/PIE.htc"))

więcej na ścieżce w arkuszach stylów - Jaki jest względny adres URL w pliku CSS?

Oprócz właściwej ścieżki do pie.htc do pracy, podaj:

 #credits-earned
{ position: relative;
}