border-radius使用PIE支持不起作用？

Question

我想为internet explorer 8提供50％的border-radius，我正在使用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文件支持。

我的应用程序是静态Web应用程序，并且不使用apache或任何其他服务器。不确定.htaccess在这种情况下是否有用。

Answer 1

尝试使用它：

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

同时检查路径文件夹中的PIE

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