3

私はCSS3PIEを使用して、IEでborder-imageとborder-widthをレンダリングしています。IE9ではすべて正常に動作しますが、IE8では動作しません。

不思議なことに、IE8ではborder-image / widthは1つのDIV（ページの右上にあるメーリングリスト）では機能しますが、他のDIV（border-imageまたはbackground-imageが表示されていないメインコンテンツとサイドバー）では機能しません。 ）。

このページで私が何を意味するかを見ることができます。

私が使用している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

PIE仕様は次のように述べています。

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

既知の問題点

于 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 に答える