Question

我正在创建一个网站，其菜单必须从标题中向下滑动。菜单的第一个位置应该在标题后面（不可见），然后它应该向下滑动到可见位置。所以，我必须把标题放在所有内容的前面，但问题是标题在布局中，所以z-index属性在这里没有帮助。

这是一个布局

<body class="@ViewBag.Data">
<header class="headerStart">
    <img class="logo" src="~/Content/Images/logo.png" />
</header>
<div class="bodyW">
    @RenderBody()
</div>

这是第二个有侧边栏（菜单）的布局

<body class="secondLayoutUserHome">   

<div class="pageWrap">
    <input type="checkbox" id="sidebarToggler" />
    <div class="sidebar">
        <ul>
            <li>Settings</li>
            <li onclick="@("window.location.href='" + @Url.Action("Index", "Home") + "'")" >Log out</li>
        </ul>
    </div>
    <input type="checkbox" id="menu" />
    <div class="menuDiv">
        <ul>
            <li>Home</li>
            <li>My reservations</li>
            <li>New reservation</li>
            <li>Pick-up places</li>
            <li>Contact</li>
        </ul>
    </div>
    <div class="userNameDiv">
        <label for="sidebarToggler">
            Fale1994
        </label>
    </div>
    <div class="pageContent">
        @RenderBody()
    </div>  
</div>

在前面带头

0 个答案: