Javascript 对象覆盖在chrome中是错误的，但在firefox中是有效的

我有一个关于我正在做的项目的问题

网站是www.AC-photography.net

当在Firefox中打开时，可以点击“开始滚动”，但当在chrome中打开时，似乎在这一层前面有一些东西。有人可以帮助如何使这项工作在铬。我将发布有关的html

<div id="main">
    <header id="top">
        <div class="color_bar"></div>
    </header>

    <div class="title">
        <div class="logo">
            <img src="images/logo.png" alt="" />
        <!-- <p class="intro_text"> Alex Cherkasov | Art Director </p>-->
            <a href="#portfolio" class="smoothScroll"><p class="sub_intro">Start Scrolling</p></a>          
        </div>
    </div> 

它似乎缺少一个结束标记。这可能就是问题所在。

直接的问题似乎是你的.title类上的z-index:auto-将其设置为高于800，在Chrome中应该可以

除此之外，您还可以清理语法——锚定中的一段（内联中的块级别），第二段实际上没有定义为块，这是自找麻烦