Javascript 多个div时不显示菜单_Javascript_Jquery_Html_Css_Menu

Javascript 多个div时不显示菜单

javascript jquery html css menu

Javascript 多个div时不显示菜单,javascript,jquery,html,css,menu,Javascript,Jquery,Html,Css,Menu,我的网页有一些奇怪的问题我做了一个简单的网站，有一个背景图像，覆盖网页，标题上有标志和菜单图标。。。菜单图标和菜单工作，直到现在。。。我做了两个div，高度：100vh；从网页顶部看，它们是100vh。。。看起来不错，但菜单不起作用。。怎么，为什么为了更好地理解。。以下是该网站的链接：好的。。这就是代码： css: html: 菜单脚本工作正常。必须为.menu类设置top属性： .menu{ ... top: 0; ... } 其中一个添加的新div现在覆盖了菜

我的网页有一些奇怪的问题

我做了一个简单的网站，有一个背景图像，覆盖网页，标题上有标志和菜单图标。。。菜单图标和菜单工作，直到现在。。。我做了两个div，高度：100vh；从网页顶部看，它们是100vh。。。看起来不错，但菜单不起作用。。怎么，为什么

为了更好地理解。。以下是该网站的链接：

好的。。这就是代码：

css:

html:

菜单脚本工作正常。必须为.menu类设置top属性：

.menu{
    ...
    top: 0;
    ...
}

其中一个添加的新div现在覆盖了菜单，但在我写这篇文章时，您已经更改了标记，无法帮助回答问题。然而，当浮动或绝对定位的元素上升到覆盖另一个元素的位置时，这是一个典型的问题

编辑：事实上，就是这样。位置：收割台的固定位置与绝对位置相同。然后，菜单和徽标都会浮动。所有这些都会使这些项目脱离正常流程，而正常流程允许您的新div覆盖它们。

您需要在问题中添加相关代码，而不仅仅是指向您站点的链接。堆栈溢出的部分目标是拥有一个良好的问题和答案库。一旦你修复了你的网站，这个链接将不再显示问题，这个问题对未来的访问者来说将毫无价值。如果你不能提供答案，你的问题很可能会被解决。

<!DOCTYPE html>
<html>
    <head>
        <title>UX design</title>
        <link href="styles_m.css" rel="stylesheet" type="text/css">
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width" />
    </head


    <body>
    <div class="menu">
      <div id="wrapper">

        <div id="head">
        <h1>Menu</h1>
        </div>

        <div id="menu">
        <a href="#"><h2>O mě</h2></a>
        <a href="#"><h2>Proč si mě vybrat</h2></a>
        <a href="#"><h2>Portfolio</h2></a>
        <a href="#"><h2>Ukázky prací</h2></a>
        <a href="#"><h2>Objednávkový formulář</h2></a>
        </div>

        <div id="head">
        <h1>Sociální sítě</h1>
        </div>

        <div id="social_icons">

        </div>

      </div>
    </div>

        <div id="header">
        <div id="main">
            <a href="index.html"><img src="my_logo.png"></a>
        </div>
        <div id="share">
            <img name="menu" src="my_menu.png">
        </div>
        </div>
        <div class="wrapper">


            <div id="second">

            </div> 

            <div id="third">

            </div> 
        </div>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script type="text/javascript" src="main.js">

        </script>
    </body
</html>

.menu{
    ...
    top: 0;
    ...
}