css - PIE.htc 在 IE8 中不工作

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;

希望这对您有所帮助!