HTML+CSS：由于固定的标题，按钮不可点击

我对一个项目的css文件做了很多修改，现在看来除了标题中的按钮之外，所有按钮都不可点击。它们的出现就像是文本

我在web开发方面还远远不够先进，所以我找不到调试错误的方法。我希望这里的人能看到我把事情搞砸了：

以下是我进行修改的地方：

a.learn_more2{
        display:block;
        font-size:16px;
        color: #fff;
        background:#04042d;            
        height: 36px;
        line-height:26px;
        border-radius:3px;
        text-align:center;
        padding: 7px 7px;       
        text-transform:uppercase;
        font-weight: 600;
        transition:all 0.2s ease-in-out;
        -moz-transition:all 0.2s ease-in-out;
        -webkit-transition:all 0.2s ease-in-out;
        }
a.learn_more2:hover{
        background:#222222;
        }

下面是代码的html部分：

<section id="top_content">
        <div class="top_cont_outer">
            <br>
            <br>
            <div class="top_cont_inner">
                        
            <div class="container">
                    <div class="row">
                                    <div class="module-inside">
                            
                            <div class="col-lg-7 col-sm-9">
                                
                                    <center>
                                        <br>
                                        <br>
                                        <br>
                                <h1 style="color: #04042d">
                                    {%  trans 'YOUR INVENTORY,' %}
                                    <p>{%  trans 'CONTROLED. BALANCED. OPTIMIZED.' %}</p>
                                </h1>
                                <hr style="height:2px;border-width:0;color:black;background-color:black">
                    <h3 style="color: #8a8d93">{%  trans 'QUANTITATIVE INVENTORY OPTIMIZATION SOLUTIONS' %}</h3>
                    <br>
                                <h3 style="color: #8a8d93">{%  trans 'Turn your operations data into intelligence.' %}</h3>

                                <h3 style="color: #8a8d93">{%  trans 'Reduce costs, inventory levels and shortages.' %}</h3>
                            <br>
                            <br>
            <div class="row">
                <a href="contact.html" class="learn_more2" style="margin:auto;display:block">{%  trans 'Try for free' %}</a>
                                            
                            <a href="features.html" class="learn_more2" style=" margin:auto;display:block">{%  trans 'Learn more' %}</a>
                    </div>
                       <br>
                            <br>
                            </center>
                                
                        </div>
                        </div>
                    <br>
                    <br>
                    <br>
</div>                                                          
</div>                      
</div>  
</div>

            
    </section>

更新2：发现的问题：

将收割台设置为“已修复”是导致问题的原因。然而，我希望它是固定的，我如何才能使它的工作

.header {
    display: table;
    z-index:1000;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

}

---

可能按钮顶部有一个透明背景的div

是的，这些是按钮，带有链接，用于工作。它们链接到现有页面是的，我只是将粘贴的代码复制到一个html文件中，我觉得它们是可以点击的。你确定问题就在那里吗？您使用哪种浏览器和文本编辑器？此外，请在编辑代码之前对其进行备份。有时候，解决这个问题的方法就是比较这两个版本。我使用的是chrome和pycharm。不，我不是100%确定，但很可能是因为它在做出调整以了解更多信息2之前起了作用，现在不再起作用。我有旧版本的html，但没有css，我做的是添加填充和修改行高值添加指针事件：无；到.top\u cont\u外部和.top\u cont\u内部css。如果问题仍然存在。那么问题不在于这两个班级被否决了，但它可能是这样的，top cont_外层包含背景图片，而top cont_内层包含背景图片。在这一部分的结构中是否有任何东西可以表明它们是隐藏的？是的，这是可能的，但“也许”仍然不能作为一个答案。我不会把我的声誉浪费在否决投票上，但我认为这是客观的。这个答案应该是一个评论，而不是一个答案，因为它没有回答这个问题，而是猜测答案可能是什么。

.header {
    display: table;
    z-index:1000;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

}