Internet Explorer 8中Bootstrap 3进度条的问题

Question

我在 IE8 中呈现 Bootstrap 3.0.3 进度条时遇到问题。我认为border-radius不起作用，我不知道为什么。这就是酒吧的样子：

我正在使用CSS3PIE 1.0。

.compatibilidad-IE在我的CSS文件中定义，路径相对于de HTML文件。我知道这个类运行良好，因为y已将它应用于同一HTML中的其他DOM元素，并且它们按预期呈现。

这是样式类定义：

.compatibilidad-IE {
    behavior: url(pie/PIE.htc);
}

这是我的HTML：

<div style="width:200px;">
    <div class="progress compatibilidad-IE" >
        <div class="progress-bar  compatibilidad-IE"  role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
            <span class="sr-only">45% Complete</span>
        </div>
    </div>
</div>

我希望你能帮助我！

感谢。

Answer 1

将您的PIE.htc放在网页的根目录中。

使用此代码：

.compatibilidad-IE {
    position: relative;
    zoom: 1;
    behavior: url(/PIE.htc);
}

或者如果您的js文件夹中有PIE.htc，请使用：

behavior: url(/js/PIE.htc);

这是因为你需要一条绝对路径。