Html 菜单栏固定时在菜单栏上滚动的元素
小结:我希望我的菜单栏是固定的(我已经做到了),但我有一个问题,在滚动过程中,内容会移到固定的菜单栏上,而不是移到菜单栏下。 我检查了不同的网站,我在这里看到了一个相关的问题 但这对我不起作用,我想知道为什么?。 以下是我的html代码:Html 菜单栏固定时在菜单栏上滚动的元素,html,css,menu,menubar,Html,Css,Menu,Menubar,小结:我希望我的菜单栏是固定的(我已经做到了),但我有一个问题,在滚动过程中,内容会移到固定的菜单栏上,而不是移到菜单栏下。 我检查了不同的网站,我在这里看到了一个相关的问题 但这对我不起作用,我想知道为什么?。 以下是我的html代码: <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE html>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="fixed.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<table class="fixed-bar" width="1333" height="48" border="0" align="center">
<tr>
<td width="96" rowspan="2"> </td>
<td><hsso style="font:'Trebuchet MS', Arial, Helvetica, sans-serif; text-shadow:#0C0 0.1em 0.1em 0.3em; color:#030; font-size:32px; text-align:center;"> Fixed Bar.</hsso></td>
<td><a class="linear" href="signup">
<span>Sign Up </span>
</a>
</td>
</tr>
<tr>
<td class="nav-bar1" align="left">
</td>
<td width="158" align="left"> </td>
</tr>
</table>
<div style="height: 80px; width: 100%;"></div>
<table width="361" height="891" border="0" align="center" class="tab1" >
<tr>
<td width="467" align="center"><input placeholder="Username" autocomplete="on" class="inp" type="text" name="un" id="un"></td>
</tr>
<tr>
<td align="center"><input placeholder="Password" autocomplete="on" class="inp" type="text" name="pw" id="pw"></td>
</tr>
<tr>
<td align="center"><input placeholder="Re-enter Password" autocomplete="on" class="inp" type="text"></td>
</tr>
<tr>
<td align="center"><input placeholder="First Name" autocomplete="on" class="inp" type="text" name="fn" id="fn"></td>
</tr>
<tr>
<td align="center"><input placeholder="Last Name" autocomplete="on" class="inp" type="text" name="ln" id="ln"></td>
</tr>
<tr>
<td align="center"><select class="sel" name="st" id="st">
<option>Please Select your Set</option>
<option>1997/1998</option>
<option>1998/1999</option>
<optiom>1999/2000</optiom>
<option>2001/2002</option>
<option>2002/2003</option>
<option>2003/2004</option>
<option>2005/2006</option>
<option>2006/2007</option>
<option>2007/2008</option>
<option>2008/2009</option>
<option>2009/2010</option>
<option>2010/2011</option>
<option>2011/2012</option>
<option>2012/2013</option>
</select></td>
</tr>
<tr>
<td align="center"><input placeholder="Email" autocomplete="on" class="inp" type="text" name="em" id="em"></td>
</tr>
<tr>
<td align="center"><input class="reg" type="submit" name="reg" id="reg" value=" Register "></td>
</tr>
</table>
</body>
</html>
谢谢。您没有为固定位置元素分配背景 尝试给它一个背景色,它不应该是透明的了
background:#fff;
解决方案:
您没有为固定位置元素指定背景 尝试给它一个背景色,它不应该是透明的了
background:#fff;
解决方案:
你应该给
固定条一个更高的z索引
。固定条{
z指数:1000;
}
你应该给固定条
一个更高的z索引
。固定条{
z指数:1000;
}
我必须同时拥有z-index属性,给它一个高值并设置背景属性。我必须拥有z-index属性,给它一个高值并设置背景属性。谢谢,它工作得很好。但它在我真正的项目中不起作用,甚至在添加了背景属性之后。你知道为什么吗?你的真实项目是托管的吗?还是本地的?它应该可以工作,除非你在更新文件后不保存它们。谢谢,它工作得很好。但是它在我的真实项目上不工作,即使在添加了背景属性之后。你知道为什么吗?你的真实项目是托管的吗?还是本地的?它应该可以工作,除非您在更新文件后不保存它们。