网站在 Firefox 或 IE 上不显示样式 –– 适用于 Chrome 和 Safari

【问题标题】：Site doesn't display styling on Firefox or IE –– works fine with Chrome and Safari网站在 Firefox 或 IE 上不显示样式 –– 适用于 Chrome 和 Safari
【发布时间】：2014-11-25 08:40:15
【问题描述】：

我正在使用 Blaszok Wordpress 主题，而我的样式没有出现在 Firefox 或 IE 中。该网站在 Chrome 和 Safari 中运行良好。

网站：http://completetrackandfield.com/

它会显示两次标题并显示没有样式的纯文本链接。

有什么想法吗？

【问题讨论】：

请给一些代码？检查链接外部css文件的代码是否正确。对内联样式等进行一些测试。
@www139 这是 header.php 中引用样式表的链接。您还想查看哪些其他代码会有所帮助？ test.completetrackandfield.com/wp-content/themes/blaszok/…); ?>" />
这就是 header.php 的所有代码吗？也请在您的问题中发布代码

标签： css wordpress firefox

【解决方案1】：

您的问题似乎与同源策略违规有关： https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

基本上，您的网站是 completetrackandfield.com，尝试加载的 CSS 文件是从 www.test.completetrackandfield.com 提供的——Firefox（我相信 IE）会阻止这些请求，因为可以使用这样的跨域请求在跨站点请求伪造攻击中。

更重要的是，我不确定为什么主题调用 bloginfo('test.completetrackandfield.com...');以这种方式。相反，您应该使用：

<?php echo get_stylesheet_uri(); ?>

在 href="" 内。试一试，如果这能解决您的问题，请告诉我们。

【讨论】：

我也在想同样的事情。我正要请他把所有这些文件放在同一个服务器上并再次测试。
@Josh Breedon - 对此有何更新？您是否根据上述信息解决了问题？