gpt4 book ai didi

css - li 菜单链接在页面加载时位于内容下方 + css

转载 作者:太空宇宙 更新时间:2023-11-03 21:49:28 25 4
gpt4 key购买 nike

http://jsfiddle.net/msbyuva/QPQqs/

li Menu Links您好,我有一个使用

形成的菜单
<ul class="topnav">
<li>@Html.ActionLink("Configuration", "Configuration", "Home")</li>
<li>@Html.ActionLink("Reporting", "Reporting", "Home")
<ul class="subnav">
<li>@Html.ActionLink("Pipeline", "Pipeline", "Pipeline", null, new { target = "_blank", Url = "http://storespipeline/stores/" })</li>
<li>D2C OBI Reports</li>


<li>@Html.ActionLink("Device Utilization", "DeviceUtilization", "DeviceUtilization")</li>

<li>@Html.ActionLink("Display Audit", "DisplayAudit", "DisplayAudit")</li>
<li>@Html.ActionLink("TrueVUE Reports", "TrueVUE", "TrueVUE")</li>
</ul>
</li>
<li>@Html.ActionLink("Admin", "Admin", "Home")</li>
</ul>

CSS:

ul.topnav { 列表样式:无; 填充:10px; margin :0; 向左飘浮; 宽度:100%; 背景:#f6f6f6; 字体大小:1em; 颜色:黑色; } ul.topnav li { 向左飘浮; margin :0; 填充:0 15px 0 0; position:relative; } ul.topnav li a { 填充:5px 0px 0px 0px; 颜色:黑色; 显示:表格; 文字修饰:无; 向左飘浮; } ul.topnav li a:hover { 文本修饰:下划线; 字体粗细:粗体;

    ul.topnav li span.subhover
{
}
ul.topnav li ul.subnav
{
list-style: none;
position: absolute;
left: 0px;
top: 25px;
background: #f6f6f6;
margin: 0;
padding: 0px 0px 0px 0px;
height: auto;
display: none;
float: left;
min-width: 100px;
width: auto;
}
ul.topnav li ul.subnav li
{
margin: 0px;
padding: 4px 10px 0px 10px;
height: auto;
line-height: 100%;
}

html ul.topnav li ul.subnav li a
{
float: left;
width: 150%;
margin: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

html ul.topnav li ul.subnav li a:hover
{

}
</style>

当我点击一个链接示例时——显示审核——当页面加载时——菜单链接位于页面内容下方...可以在图像中看到(最后两个链接位于页面下方content).....如何在页面内容上方显示菜单链接??

我正在使用 IE7,CSS 2.1

最佳答案

您需要使用 z-index。要使 z-index 正常工作,导航容器和内容容器都需要具有相对、绝对或固定的位置。对于您的示例,我建议使用相对定位。

.topnav {
position:relative;
z-index:1000;
}

.yourContentContainer{
position:relative;
z-index:1;
}

关于css - li 菜单链接在页面加载时位于内容下方 + css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18496642/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com