border-radius не работает с помощью поддержки PIE?

Question

Я хочу дать границу радиуса 50% для Internet Explorer 8, я использую библиотеку PIE, но она все еще не работает.

Я использую следующие CSS:

.format-circle {
    width: 170px;
    height: 170px;
    display: table;
    border-radius: 50%;
    margin: 10px;
    behavior: url(../../PIE/PIE.htc) !important;
    position:relative !important;
}

И следующий HTML:

<div class="media-left media-middle">
    <div class="format-circle format-practical">
        <div class="format-circle-content">
            <h1>Practical</h1>
        </div>
    </div>
</div>

И я использовал .htaccess файл для включения .htc поддержка файлов, а также.

Мое приложение является статическим веб-приложением и не использует apache или любой другой сервер. Не уверен, что .htaccess полезно в этой ситуации или нет.

Answer 1

Попробуйте использовать это:

-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;

Также проверьте папку вашего пути для пирога

behavior: url(../../PIE/PIE.htc) !important;