对象的叠加在chrome中是错误的，但在firefox中有效

Overlay of objects is wrong in chrome, but works in firefox

本文关键字：但在 firefox 有效 错误 chrome 对象 叠加      更新时间：2023-09-26

我有一个关于我正在进行的项目的问题。

网站为www.AC-photography.net

当在Firefox中打开时，可以点击"开始滚动"，但当在chrome中打开时似乎这一层前面有东西。有人能帮助我们如何在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中应该可以。

除此之外，你还可以清理语法——锚内的段落（内联内的块级），第二个实际上没有定义为块，这是在找麻烦！

它似乎缺少一个关闭的</div>标记。这可能就是问题所在。

相关文章：