internet-explorer-8 - CSS3 PIE 在 IE8 中无法正常工作

Question

我正在使用 CSS3 PIE 在 IE 中呈现 border-image 和 border-width。在 IE9 中一切正常，但在 IE8 中不正常。

奇怪的是，在 IE8 中，border-image/width 适用于一个 DIV(页面右上角的邮件列表)，但不适用于其他(主要内容和侧边栏，没有 border-image 或 background-图片正在显示)。

你可以在 this page 上看到我的意思.

我正在使用的 CSS 示例(在本例中为内容 DIV)如下所示:

div#content .padder {
    border-width:7px;
    -moz-border-image:url('/wp-content/themes/bp-soteria/images/background_content.png') 7 repeat;
    -webkit-border-image:url('/wp-content/themes/bp-soteria/images/background_content.png') 7 repeat;
    border-image:url('/wp-content/themes/bp-soteria/images/background_content.png') 7 repeat;
    -o-border-image:url('/wp-content/themes/bp-soteria/images/background_content.png') 7 repeat;
    background-image:url('/wp-content/themes/bp-soteria/images/background-main.png');
    background-repeat: repeat;
    background-clip: padding-box;
    behavior: url(/pie/PIE.htc);
}

PIE.htc 的路径是正确的。任何人都可以提出这里的问题吗？

Answer 1

PIE 规范说:

make the target element position:relative, or
make the ancestor element position:relative and give it a z-index.

Known Issues