CSS3 Pie 与 Wordpress 的集成

Posted 2023-05-08

【中文标题】CSS3 Pie 与 Wordpress 的集成

【英文标题】：CSS3 Pie integration with Wordpress

【发布时间】：2012-04-02 22:35:26

【问题描述】：

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/（仍在开发中）

希望有人有答案，非常感谢每一个建议！

【参考方案1】：

类似于CSS3 and PIE not working in IE 8

我在另一个项目中应用 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' );
?>

希望对你有帮助！

【讨论】：

在根目录中使用 PIE.php 就可以了。尝试使用 PIE.php，尝试在根目录中使用 PIE.htc。但不是两者的结合。非常感谢！