我的代码中出现了一个奇怪的错误。我使用jquery滑动插件使用侧滚动html模板。我没有编写代码。我不熟悉更深层次的jquery,但我可以使用模板模拟一个网站。我在学习。我想知道为什么当我点击Fire Code时我的主页按钮不起作用,并且不允许我导航回我的Home Posiiton。让我烦恼的是,如果我点击城市按钮并进入第三个位置,那么我可以回到原来的位置。只是在第二个位置导致我无法回到原来的位置,我不知道为什么。
有问题的网站位于http://lightsandfire.com,相应的CSS代码如下所示。
ul.vert-one{
position: fixed;
top: 5px;
left: 5px;
margin:0;
padding:0;
list-style-type:none;
display:block;
font:bold 16px Helvetica, Verdana, Arial, sans-serif;
line-height:165%;
width:200px;
}
ul.vert-one li{
margin:0;
padding:0;
margin-top: 2px;
border-top:1px solid #4D0000;
border-bottom:1px solid #761A1A;
}
ul.vert-one li a{
display:block;
text-decoration:none;
color:#fff;
background:#600;
padding:0 0 0 20px;
width:180px;
}
ul.vert-one li a:hover{
background:#900 url("images/vert-one_arrow.gif") no-repeat 0 9px;
}
ul.vert-one li a.current,ul.vert-one li a.current:hover{
background:#933 url("images/vert-one_arrow.gif") no-repeat 0 9px;
}
如果你能帮助我找出问题,我会非常感激。
答案 0 :(得分:0)
由于h1标签非常大,所以它与主页按钮重叠。
添加:
h1 {
font-family: 'Revalia', cursive;
position: relative;
left: 250px;
color: #E600E6;
width: 500px; /* This is the new line */
}