Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 粘性导航条垂直项目符号点_Html_Css_Navigationbar - Fatal编程技术网

Html 粘性导航条垂直项目符号点

Html 粘性导航条垂直项目符号点,html,css,navigationbar,Html,Css,Navigationbar,我试图创建一个粘性导航条,但它只是显示为带有链接的垂直项目符号。以下是我使用的代码: /*导航中第一个链接的间距和边框*/ .tabs内部。部分:第一个子ul{ 边际上限:0px; 边框:0实心#eeeeee; } /*导航背景与边界*/ .tabs内部。小部件ul{ 背景#999999; 边框:0px实心#eeeeee; 文本对齐:居中!重要; } /*链接的字体、颜色和边框*/ .tabs内部.widget li a{ 字体:正常14px Arvo; 颜色:#333333; 边框:0px实

我试图创建一个粘性导航条,但它只是显示为带有链接的垂直项目符号。以下是我使用的代码:

/*导航中第一个链接的间距和边框*/
.tabs内部。部分:第一个子ul{
边际上限:0px;
边框:0实心#eeeeee;
}
/*导航背景与边界*/
.tabs内部。小部件ul{
背景#999999;
边框:0px实心#eeeeee;
文本对齐:居中!重要;
}
/*链接的字体、颜色和边框*/
.tabs内部.widget li a{
字体:正常14px Arvo;
颜色:#333333;
边框:0px实心#ffffff;
}
/*滚动链接的字体和颜色*/
.tabs内部.widget li.selected a、.tabs内部.widget li a:悬停{
颜色:#eeeeee;
背景色:#ffffff;
文字装饰:无;
}
/*中央导航*/
.tabs.widget li、.tabs.widget li{
显示:内联;
浮动:无;}


正如您在评论“您提供的CSS与导航栏无关”中所说的那样,但是如果您想使导航栏顶部具有粘性,请使用以下CSS将导航栏固定在顶部:

#粘贴导航栏{
位置:固定;
排名:0;
左:0;
z指数:9999;
宽度:100%;
高度:50px;
-webkit转换:translateZ(0);
}
保险商实验室{
列表样式类型:无;
}
李{
浮动:左;
}
李阿{
显示:块;
颜色:黑色;
文本对齐:居中;
填充:14px 16px;
文字装饰:无;
}


所以你想让它成为一个“粘性”的水平导航条?你的css与你的html没有任何关系?这对我在一个测试者博客中有效,但对我的主博客无效,我的模板中肯定有什么地方出了问题,覆盖了它