Question

我正在使用CSS3 PIE在IE中渲染边框图像和边框宽度。在IE9中一切正常，但在IE8中没有。

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

您可以在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

Answer 2

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

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

以下对我不起作用

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

CSS3 PIE在IE8中无法正常工作

2 个答案: