Question

我遇到问题http://taxlienagents.com/及其在Google Chrome中的显示方式。当我在谷歌浏览器中打开网站时，中心选项卡区域似乎覆盖了它上面的主要文本。如果您查看this link，您应该能够看到我在谈论与FireFox中打开网站时的对比。我尝试使用Z-Index，但这似乎没有解决它。我似乎遇到的另一个问题是滚动按钮（“How to”，“Coaching”和“Done for You”）突出显示只覆盖按钮的2/3左右，我认为这是一个问题与FancyBox。

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

Answer 1

你有几个JS相关的错误：

1你加载jQuery 2次，分为2个不同版本（一个在现场，一个来自谷歌）

- ＆GT;删除其中一个

2 adia-paper.js中出现错误，导致Fancybox无法触发 - 并阻止了JS执行。

- ＆GT;尝试更改

$（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（＃form-trigger）上触发fancybox

- ＆GT;虽然它不是导致问题的主要原因，但最好只在需要时触发JS ...

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

FF - Firebug Chrome和Opera都会出现相同的领事错误。

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

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

Answer 2

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

来帮助自己

WordPress主题在Chrome中显示不正确

2 个答案: