CSS3与Wordpress集成

Question

CSS3 Pie是一个很棒的工具,可以在IE中呈现一些CSS3.爱它!但与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/(仍在开发中)

希望有人有答案,非常感谢每一个建议!

Answer 1

类似于CSS3和PIE在IE 8中不起作用

我在将PIE应用于另一个项目时遇到了问题.如果我没记错的话,最后,它结果是指定正确的路径,在正确的位置上传文件和提供正确的文档类型(使用PIE.php)的组合.

路径:

我注意到无论CSS文件在哪里上传,行为都是: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' );
?>

希望能帮助到你!