javascript - border-radius无法通过使用PIE支持工作？

Question

我想为Internet Explorer 8提供50％的边界半径，我正在使用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;