javascript - オブジェクトのオーバーレイは chrome では間違っていますが、firefox では機能します

Question

私が取り組んでいるプロジェクトについて質問があります。

ウェブサイトは 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> 

Answer 1

直接的な問題は、.title クラスの z-index: auto のようです。これを 800 より高く設定すると、Chrome で問題なく動作するはずです。

それはさておき、構文をクリーンアップすることもできます-アンカー内の段落（インライン内のブロックレベル）で、2番目が実際にはブロックとして定義されていないため、問題が発生しています!

Answer 2

</div>終了タグが欠落しているようです。それが問題かもしれません。