本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

把标题放在前面

发布于2022-04-25 00:24     阅读(1533)     评论(0)     点赞(12)     收藏(3)


我正在制作一个网站,该网站的菜单必须从标题中向下滑动。菜单的第一个位置应该在标题后面(不可见),然后它应该向下滑动到可见位置。所以,我必须把标题放在所有东西的前面,但问题是标题在布局内,所以 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>


解决方案


暂无回答




所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/345632/f9eeb530e704670cb325/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

12 0
收藏该文
已收藏

评论内容:(最多支持255个字符)