Question

我有一个html div作为网站上的页面（占据整个视口）。

我今天一直在编辑html和css，由于某种原因，整个div已经停止正常工作以响应鼠标事件。我还没有编辑任何JavaScript。 <a>标签上的任何点击都不会将用户带到相应的div等，他们曾经使用过，而且他们仍然在网站的其余部分工作。徘徊在＆＃34;现在尝试＆＃34;用于更改按钮颜色的按钮，单击该按钮用于通过滚动到用户将用户带到下面的页面。

右键单击并检查landingPage上的元素，

编辑不会按预期深入深入元素控制台中的元素。它只会直接转到父div（＃landing-page）。

的index.php：

<html lang="en-US">
    <head>
        <?
            echo HeadTemplate::display();
        ?>
    </head>
    <body>
        <?
            echo NavbarTemplate::display();
            echo LandingPageTemplate::display();
            echo SearchFilterPageTemplate::display();
            echo SearchResultsPageTemplate::display();
            echo AddProductPageTemplate::display();
            echo TvrScriptsTemplate::display();
        ?>
    </body>
</html>

作为我已经显示的图像的landingPageTemplate，唯一无法正常响应鼠标事件的模板。这是该页面的新html代码：

<div id="landing-page" class="full-size special">
    <div class="full-size special" style="overflow:hidden;background-color: #696969;position:fixed;width:100%;z-index:-100;padding: 40px 40px 40px 40px;">
        <div class="row" style="height:100%;">
            <div class="col-sm-3 " style="height:100%;">
              <div class="vertical-center">
                <img width="250"  src="assets/images/home_page/monster21.png"/>
              </div>
            </div>
            <div class="col-sm-6" style="height:100%;" >
                <div id="motto-text" class="vertical-center">
                    <h5 class="white-text medium-text">THE VEGAN REPOSITORY</h5>
                    <h1 id="main-text"
                        class="text-center white-text extra-large-text">
                        FIND VEGAN STUFF* NEAR YOU.
                    </h1>
                    <a  id="try-now-button"
                        class="with-border clickable"
                        href="#search-filter-page" >
                        <h5 class="text-center medium-text">TRY NOW</h5>
                    </a>
                </div>
            </div>
            <div class="col-sm-3" style="height:100%;">
              <div class="vertical-center">
                <img width="250"  src="assets/images/home_page/monster4.png"/>
              </div>
            </div>
        </div>
    </div>
</div>

导航栏等都能正常工作，只有landingPageTemplate不起作用。

什么可能导致这种情况发生？

html div已停止响应鼠标事件

0 个答案: