Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.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 - Fatal编程技术网

Html 为什么我的背景颜色比我设定的要深?

Html 为什么我的背景颜色比我设定的要深?,html,css,Html,Css,我有一个带有下拉菜单的粘性标题。它工作得很好,但是在我的下拉菜单周围,我的主li项上的标题的其他部分的背景颜色比我的背景颜色要深 var$fixme=$('.fixme'); var fixmeTop=$fixme.offset().top; 变量$main=$('main'); var$win=$(窗口); $win.scroll(函数(){ var atSticky=$win.scrollTop()>=fixmeTop; $fixme.toggleClass('sticky',atStic

我有一个带有下拉菜单的粘性标题。它工作得很好,但是在我的下拉菜单周围,我的主
li
项上的标题的其他部分的背景颜色比我的背景颜色要深

var$fixme=$('.fixme');
var fixmeTop=$fixme.offset().top;
变量$main=$('main');
var$win=$(窗口);
$win.scroll(函数(){
var atSticky=$win.scrollTop()>=fixmeTop;
$fixme.toggleClass('sticky',atSticky);
$main.css('padding top',atSticky?fixmeTop+5:0);
} );
$(函数(){
$(文档)。滚动(函数(){
var$nav=$(“.fixme”);
$nav.toggleClass('scrolled',$(this.scrollTop()>$nav.height());
});
});
导入url(css/bootstrap.min.css);
@导入url(css/font-awesome.min.css);
/*最小CSS*/
.固定{
位置:固定;
排名:0;
左:0;
}
.跨度宽度{
宽度:100%;
}
.右对齐{
浮动:对;
}
.粘的{
位置:固定;
排名:0;
左:0;
}
* {
保证金:0;
填充:0;
}
身体{
背景色:#181818;
颜色:#dddddd;
字体大小:14px;
}
.修理我{
宽度:100%;
}
.对{
浮动:对;
利润率:0 34px;
填充:0 15px;
}
A.
a:悬停,
a:焦点{
字体大小:16px;
轮廓:0实心透明;
文字装饰:无;
过渡时间:500ms;
}
ul,
ol{
保证金:0;
}
李国宝,
欧利{
列表样式:无;
}
/*标题区CSS*/
.标题区{
宽度:100%;
}
.收割台区域.顶部收割台区域{
高度:85px;
右侧填充:70px;
宽度:100%;
}
.标题区.顶部标题区.顶部搜索区表格{
位置:相对位置;
宽度:255px;
}
.标题区域.顶部标题区域.顶部搜索区域表单输入{
背景色:#1A1A;
边界:无;
边界半径:10px;
颜色:#阿巴巴;
字体大小:12px;
字体:斜体;
高度:42px;
填充:0 20px;
过渡时间:500ms;
宽度:100%;
}
.标题区域.顶部标题区域.顶部搜索区域表单按钮{
背景色:透明;
颜色:#555555;
光标:指针;
高度:42px;
位置:绝对位置;
右:0;
排名:0;
宽度:50px;
}
.标题区域.顶部标题区域.顶部搜索区域窗体按钮:悬停{
颜色:20d8da;
}
.标题区.顶部标题区.登录区a{
边界半径:10px;
颜色:#555555;
显示:块;
字体大小:14px;
字体大小:400;
高度:42px;
线高:42px;
左边距:10px;
文本对齐:居中;
过渡:背景色轻松输入输出400ms;
宽度:160px;
}
.标题区域.顶部标题区域.登录区域a:悬停{
背景色:黑色;
颜色:#f06040;
}
p{
颜色:绿色;
填充:20px0;
}
/*导航栏CSS*/
.标题区域.修复#主导航{
背景色:#181818e6;
高度:70像素;
填充:20px 110px 0 110px;
宽度:自动;
}
.header区域.fixme#主导航li{
背景色:#181818e6;
位置:相对位置;
}
.header区域.fixme#主导航>li{
浮动:左;
右边距:5px;
}
.header区域.fixme#主导航李a{
颜色:#f06040;
显示:块;
字号:500;
线高:1米;
填充:.5em;
文字装饰:无;
}
.header区域.fixme#主导航li a:悬停{
颜色:20d8da;
}
.header区域.fixme ul.folder-child{
身高:0;
左:0;
边缘顶部:15px;
不透明度:0;
溢出:隐藏;
位置:绝对位置;
最高:100%;
过渡:所有200ms的缓进缓出;
可见性:隐藏;
宽度:150px;
}
.header区域.fixme#主导航li:hover>ul.folder-child{
边框左下半径:25px;
边框右下半径:25px;
高度:100px;
不透明度:1;
能见度:可见;
}
.隐藏插入符号{
可见性:隐藏;
}

此处的徽标

Lorem ipsum door sit amet,一位杰出的职业经理人,在劳动和就业方面都是临时雇员。暂时的,暂时的。马萨·埃尼姆·迪努克·马蒂斯·埃尼姆·特卢斯。第二种用途的名称。

没有一个有效的入口,也没有一个缺口。三思而后行。孕妇rutrum quisque non tellus orci ac auctor。Nisl suscipit是一家非常有前途的公司。这是一个很好的解释。布朗迪特·沃利帕特·梅塞纳斯·沃利帕特·布朗迪特·阿利奎姆。莫利斯岛上的Purus是一个完整的岛





无肝门。三思而后行。孕妇rutrum quisque non tellus orci ac auctor。Nisl suscipit是一家非常有前途的公司。这是一个很好的解释。布朗迪特·沃利帕特·梅塞纳斯·沃利帕特·布朗迪特·阿利奎姆。莫利斯岛上的Purus是一个完整的岛






无肝门。三思而后行。孕妇rutrum quisque non tellus orci ac auctor。Nisl suscipit是一家非常有前途的公司。这是一个很好的解释。布朗迪特·沃利帕特·梅塞纳斯·沃利帕特·布朗迪特·阿利奎姆。莫利斯岛上的Purus是一个完整的岛








删除此规则:

.header-area .fixme #main-navigation { /* and/or ... li */
    background-color: #181818e6;
}

如果要保留显式样式,请删除最后两个字符。它们基本上会更改灰色,并使前两个字符成为alph通道(透明度)修改器

您熟悉浏览器的文档检查器吗?现在很容易找到令人不快的风格。是的!我的
#主导航li
有一个“rougue”背景色标签。谢谢