Question

我已经搜索过关于PIE.htc的现有主题没有在IE8中工作，但无法找到一个好的解决方案 -

我已尝试将其应用于我页面上使用IE8不兼容的CSS3属性的每个元素，但我无法做任何事情。 IE8并没有告诉我路径错误，PIE.htc与调用它的页面位于同一个文件夹中。以下是用户将鼠标悬停在图形上时弹出的元素的随机css示例：

CSS：

.info_bubble {
    -webkit-border-radius: 5px;
    padding: 8px 8px 16px 8px;
    background-color: white;
    -moz-border-radius: 5px;
    behavior: url(PIE.htc);
    border-radius: 5px;
    position: absolute;
    margin-top: 1em;
    display: none;
    bottom: 2.5em;
    left: 3.5%;
    width: 80%;
    height: 0;
}

它意味着有圆边但仍然拒绝在IE8中工作。

Answer 1

根据this link，您应该尝试设置z-index和position:relative以使border-radius工作IE8：

z-index: 0;
position: relative;

希望这有帮助！

Answer 2

所以我想出来了 - 排序。

如果我使用其他版本的PIE.htc，它会起作用。我不知道为什么，但我猜对于其他任何困在这种情况下的人，请尝试不同的版本。

编辑：我正在尝试使用PIE 2.0 beta 1.我通过降级到PIE 1.0.0解决了这个问题。

Answer 3

通常的问题是行为规则中的路径不正确。

正如文档http://css3pie.com/documentation/getting-started/中所指出的，路径是相对于HTML文件而不是CSS。

PIE.htc无法在IE8中运行

3 个答案: