3

我正在使用 CSS3 PIE 在 IE 中呈现边框图像和边框宽度。在 IE9 中一切正常,但在 IE8 中却不行。

奇怪的是,在 IE8 中,边框图像/宽度适用于一个 DIV(页面右上角的邮件列表),但不适用于其他 DIV(主要内容和侧边栏,没有显示边框图像或背景图像)。

您可以在此页面上看到我的意思。

我正在使用的 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 的路径是正确的。谁能建议这里的问题是什么?

4

2 回答 2

1

The PIE Specs say:

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

Known Issues

于 2012-10-31T11:41:25.057 回答
0

尝试使用相对于站点根目录的路径。这是唯一对我有用的东西。

behavior: url(/your/path/to/PIE.htc);

以下对我不起作用

behavior: url(PIE.htc);
behavior: url(../../some/path/to/PIE.htc);
于 2012-12-28T17:55:45.833 回答