internet-explorer - 使用 PIE 设置 Bootstrap 元素的样式 (btn)

Question

我创建了一个样式列表来覆盖主 bootstrap.css 文件，适用于 IE 版本 9 及更低版本。几乎所有我用圆角元素（使用border-radius:）所需的 PIE 语法覆盖的元素都正常显示。除了按钮（样式为class="btn"）

出于某种原因，这些按钮根本没有显示（更不用说我正在寻找的角的正确圆角。我已经尝试了我能想到的所有东西。如果我删除 .btn 的样式，按钮再次出现，通常（没有圆角），但如果我把它放回去，按钮就会消失。

这是CSS：

.btn {
    border-radius: 4px;
    behavior: url(js/pie/PIE.htc);
}

css哪里出错了？其他具有精确、相同风格的元素在屏幕上清晰可见，并且圆角也是如此。

更新：我发现这只发生在我的提交按钮上，在具有类的元素内，.form-actions并且该按钮确实显示并正确呈现了该元素之外的圆角。我已经缩小了问题的范围，但我仍然需要它在<div class="form-actions">元素中显示。

score 0 · Accepted Answer

我意识到这是一个老问题，但如果其他人发现它，添加 position:relative 在 IE8 中为我工作。9 没测试过。

.btn {
    border-radius: 4px;
    behavior: url(js/pie/PIE.htc);
    position: relative;
}

1 回答 1