WordPress 主题在 Chrome 中显示不正确答案

【问题标题】：WordPress Theme Displaying Incorrectly In ChromeWordPress 主题在 Chrome 中显示不正确
【发布时间】：2013-04-15 18:36:26
【问题描述】：

我对@987654321@ 以及它在 Google Chrome 中的显示方式有疑问。当我在谷歌浏览器中打开该网站时，中心选项卡区域似乎覆盖了它上面的主要文本。如果您查看this link，您应该能够看到我在说什么，而不是在 FireFox 中打开该站点。我尝试使用 Z-Index，但这似乎并没有解决它。我似乎遇到的另一个问题是滚动按钮（“如何”、“指导”和“为您完成”），突出显示仅覆盖按钮的大约 2/3，我认为这是一个问题与 FancyBox。

如果有人可以就如何解决这个问题给我任何建议，将不胜感激。

【问题讨论】：

当你遇到这样的问题时，最好的办法之一就是验证你的代码——我在这里给你链接：W3C validation。请注意，您有 52 个错误。在你清理完所有这些之后，你可能更接近能够弄清楚为什么它在 FF 和 Chrome 之间存在差异。
所有验证问题都与属性相关，似乎与选项卡区域无关。
可能是这样，但是如果您确实清理了这些问题，那么您会惊讶地发现解决这个问题会变得多么简单。
我已经把它归结为 10 个错误，我不确定如何处理所有这些“不是为任何属性指定的组的成员”。我仍然遇到问题，我不确定如何处理这些问题，因为我不是这个主题的原始开发者

标签： javascript html css wordpress wordpress-theming

【解决方案1】：

你有几个 JS 相关的错误：

1 您在 2 个不同版本中加载了 2 次 jQuery（一个在现场，一个来自 google）

--> 删除其中一个

2 您在 adia-paper.js 中有一个错误，导致 Fancybox 无法正确触发 - 它会阻止 JS 执行。

--> 尝试改变

$(document).ready(function() {

   $("#form-trigger").fancybox({
    'width'             : 600,
    'height'            : 526,
.....

到

jQuery(document).ready(function() {

    //contact form modal window
   jQuery("#form-trigger").fancybox({
    'width'             : 600,
    'height'            : 526,
    'autoScale'         : true,
    'transitionIn'      : 'fade',
    'transitionOut'     : 'fade'

3 你在不存在的 DIV 上触发了 fancybox (#form-trigger)

-->虽然这不是你问题的主要原因，但最好只在需要时触发JS...

Jquery - 当遇到一个大问题时，阻止并停止执行任何进一步的功能，并且您的“幻灯片”也是 JS 驱动的。不同的浏览器以不同的方式处理这些错误 - 这也取决于您自己的浏览器设置。

FF - Firebug Chrome 和 Opera 都给出相同的 consul 错误。

如果你解决了所有这些问题并且问题仍然存在 - 我们可以继续调试 - 但我很确定其中一个或所有问题都是罪魁祸首..

编辑我您仍然有其他错误 - 但我认为它们不是问题。然而，我确实相信这可能是因为您编辑了 letabs JS 并添加了一些关于高度的表达式。奇怪的是 chrome 将 div 高度 le-tabs_content_container 设置为 58 px .. 我相信它来自脚本。尝试为所有父/子 div 设置高度（并删除该脚本）-它在调试器上立即为我工作..

【讨论】：

我已经修复了所有这些错误，但我似乎仍然遇到问题
我通过 Chrome 调试器看到了这一点。我刚刚删除了我添加的脚本并尝试将 DIV 高度设置为 370px，但它似乎仍然自动将其设置为 58px
在我的调试器上，当我设置高度时它可以工作 - 您可以尝试在容器 div 上也设置它，并尝试添加 BLOCK..
我可以使用 !important 设置初始选项卡的高度，它似乎可以正常工作

【解决方案2】：

这是您的标签问题http://validator.w3.org/check?uri=http%3A%2F%2Ftaxlienagents.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0。在寻求帮助之前，请通过验证您的代码 @validator.w3.org 来帮助自己

【讨论】：

我已经把它归结为 10 个错误，我不确定如何处理所有这些“不是为任何属性指定的组的成员”。我仍然遇到问题，我不确定如何处理这些问题，因为我不是这个主题的原始开发者