Html Blogger下拉菜单问题
当你点击我的下拉菜单中的链接时,URL只是不断地将下一个URL/页面添加到上一个。下面是我的代码和问题的截图。我做错了什么Html Blogger下拉菜单问题,html,css,blogs,blogspot,Html,Css,Blogs,Blogspot,当你点击我的下拉菜单中的链接时,URL只是不断地将下一个URL/页面添加到上一个。下面是我的代码和问题的截图。我做错了什么 #菜单栏{ 背景:#00ffffff; 宽度:840px; 颜色:#FFF; 边际:0px; 填充:0; 位置:相对位置; 边框顶部:0px实心#B2FFFF; 高度:35px; } #菜单{ 保证金:0; 填充:0; } #菜单{ 浮动:左; 列表样式:无; 保证金:0; 填充:0; } #菜单里{ 列表样式:无; 边缘底部:10px; 垫底:0px; 左边框:1px实
#菜单栏{
背景:#00ffffff;
宽度:840px;
颜色:#FFF;
边际:0px;
填充:0;
位置:相对位置;
边框顶部:0px实心#B2FFFF;
高度:35px;
}
#菜单{
保证金:0;
填充:0;
}
#菜单{
浮动:左;
列表样式:无;
保证金:0;
填充:0;
}
#菜单里{
列表样式:无;
边缘底部:10px;
垫底:0px;
左边框:1px实心#d3;
右边框:1px实心#D3;
高度:35px;
}
#李娜,,
#李娜:链接,
#李娜:参观了{
颜色:#000;
显示:块;
字体:标准20px Bradley Hand ITC、Book Antiqua、Century哥特式、Harlow纯色斜体、Arial Unicode MS;
保证金:0;
填充:9px 12px 10px 12px;
文字装饰:无;
}
#a:悬停,
#菜单a:活动{
背景:13万;
/*菜单悬停*/
颜色:#FFF;
显示:块;
文字装饰:无;
保证金:0;
填充:9px 12px 10px 12px;
}
#菜单里{
浮动:左;
填充:0;
}
#菜单li-ul{
z指数:9999;
位置:绝对位置;
左:-999em;
高度:自动;
宽度:160px;
保证金:0;
填充:0;
}
#李乌拉菜单{
宽度:140px;
}
#菜单{
利润率:-25px 0 160px;
}
#菜单李:悬停ul,
#菜单李:悬停ul,
#菜单li.sf悬停ul,
#菜单li.sfhover ul{
左:-999em;
}
#菜单李:悬停ul,
#菜单李莉:悬停ul,
#菜单李莉:悬停ul,
#菜单li.sful,
#菜单li li.sful,
#菜单li.sfhover ul{
左:自动;
}
#李:悬停,
#菜单li.sfhover{
位置:静态;
}
#李丽娜,
#菜单李莉:链接,
#菜单李莉a:参观了{
背景:#00FFFF;
/*下拉式背景色*/
宽度:120px;
颜色:#FFF;
显示:块;
字体:标准20px Bradley Hand ITC、Book Antiqua、Century哥特式、Harlow纯色斜体、Arial Unicode MS;
保证金:0;
填充:9px 12px 10px 12px;
文字装饰:无;
z指数:9999;
边框底部:1px实心#1A6680;
}
#菜单李莉a:悬停,
#菜单李莉a:活动{
背景:13万;
/*下拉悬停*/
颜色:#FFF;
显示:块;
保证金:0;
填充:9px 12px 10px 12px;
文字装饰:无;
}
您的链接具有相对路径,这意味着href=“…”
中的部分将添加到浏览器中当前的地址
将href=“…”
更改为:
<div id='menubar'>
<ul id='menus'>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/search/label/Posts">Posts</a>
<ul>
<li><a href="/search/label/FKUI">FK UI</a></li>
<li><a href="/search/label/Articles">Articles</a></li>
<li><a href="/search/label/Download">Download</a></li>
</ul>
</li>
<li>
<a href='#'>About Me</a>
</li>
</ul>
</div>
将此代码添加到您的网站
@导入url(http://fonts.googleapis.com/css?family=Montserrat);
@导入url(https://fonts.googleapis.com/icon?family=Material+图标);
* {
保证金:0;
填充:0;
}
.导航{
背景:#2323;
高度:60px;
显示:内联块;
}
李国荣先生{
浮动:左;
列表样式类型:无;
位置:相对位置;
}
李娜先生{
字体大小:16px;
颜色:白色;
显示:块;
线高:60px;
填充:0 26px;
文字装饰:无;
左边框:1px实心#2e;
字体系列:蒙特塞拉特,无衬线;
文本阴影:0 1px rgba(255、255、255、0.5);
}
李娜:悬停{
背景色:#2e;
}
#设置a{
填充:18px;
高度:24px;
字体大小:10px;
线高:24px;
}
:-webkit输入占位符{/*webkit浏览器*/
颜色:白色;
}
:-moz占位符{/*Mozilla Firefox 4到18*/
颜色:白色;
}
:-moz占位符{/*Mozilla Firefox 19+*/
颜色:白色;
}
:-ms输入占位符{/*Internet Explorer 10+*/
颜色:白色;
}
#选择a{
左边框:0无;
}
#选项>a{
背景图片:url(triangle.png);
背景位置:85%居中;
背景重复:无重复;
右边填充:42px;
}
.subnav{
可见性:隐藏;
位置:绝对位置;
最高:110%;
右:0;
宽度:200px;
高度:自动;
不透明度:0;
过渡:所有0.1秒;
背景:#2323;
}
李素娜先生{
浮动:无;
}
李亚娜先生{
边框底部:1px实心#2e;
}
#选项:hover.subnav{
能见度:可见;
最高:100%;
不透明度:1;
}
-
-
-
-
可能重复的(或至少有助于回答。)
// Examples:
// href="/" => http(s)://CURRENT_DOMAIN/
// href="/search/label/FKUI" => http(s)://CURRENT_DOMAIN/search/label/FKUI
// href="search/label/FKUI" => http(s)://CURRENT_DOMAIN/CURRENT_PATH/search/label/FKUI