3

CSS3 Pie は、CSS3 を IE でレンダリングするための優れたツールです。大好きです！しかし、Wordpress との統合はかなり難しいようです。状況は次のとおりです。

ページ テンプレートの HTML:

<div class="page_header_text center_shadow">
    <p>test12</p>
</div>

Function.php: ( http://www.position-relative.com/2011/04/using-css-pie-in-wordpress-themes-updated/から)

global $wp_styles; 
wp_enqueue_style(  "ie8", "http://dennishunink.nl/ghana/wp/wp-content/themes/ghanavakantie/style/iePie.css", false, $version_identifier, "all"); 
$wp_styles->add_data( "ie8", 'conditional', 'IE 8' );

iePie.css:

.center_shadow{
position: relative;
behavior: url(PIE.htc);
}

実際、iePie.css ファイルが適用されます。たとえば、背景:#000; は働いている。しかし奇妙なことに、PIE.htc ファイルはそうではありません。

別の相対パスと絶対パスを試し、別の場所に PIE.htc をアップロードしました。

ウェブサイトはhttp://dennishunink.nl/ghana/wp/ (開発中)にあります。

うまくいけば、誰かが答えを持っています。すべての提案に非常に感謝しています!

4

1 に答える 1

6

IE 8 で動作しない CSS3 と PIEに似ています

別のプロジェクトに PIE を適用する際に問題が発生しています。私の記憶が正しければ、最終的には、正しいパスの指定、正しい場所へのファイルのアップロード、正しいドキュメント タイプの提供 (PIE.php を使用) の組み合わせであることが判明しました。

パス：

CSS ファイルがどこにアップロードされても、behavior:url(PIE.php); に気付きました。常に root/PIE.php を参照します。

アップロード中:

論理的には、PIE.php をルートにアップロードしました。PIE.htc とともに。

適切なドキュメント タイプの提供:

次のように、 http: //css3pie.com/documentation/known-issues/#content-type PIE.php で PIE.htc を読み込み、適切なドキュメント タイプで提供します。

<?php
header( 'Content-type: text/x-component' );
include( 'PIE.htc' );
?>

それが役に立てば幸い！

于 2012-03-17T21:37:59.830 に答える