Html Bootstrap 4.3使导航栏在页面顶部保持静态且透明

Html Bootstrap 4.3使导航栏在页面顶部保持静态且透明,html,css,bootstrap-4,static,navbar,Html,Css,Bootstrap 4,Static,Navbar,我已经做了我最好的检查和谷歌搜索各地的信息,然后再问这里。。。希望我不是多余的 我试图在Bootstrap4.3中的页面顶部创建一个静态导航栏。 然而,不管我怎么努力,它似乎都不起作用: -我尝试了一些前.static top/.navbar static top类和其他类似的解决方法 -我也尝试过安装插件(由于无效,我现在已经删除了插件)——虽然这主要是“隐藏”导航栏,而不是将其保持在页面顶部的静态状态。 -我尝试过在相关元素上使用“top:0;”和其他格式标记修改CSS,但没有效果 我再次清

我已经做了我最好的检查和谷歌搜索各地的信息,然后再问这里。。。希望我不是多余的

我试图在Bootstrap4.3中的页面顶部创建一个静态导航栏。 然而,不管我怎么努力,它似乎都不起作用:

-我尝试了一些前.static top/.navbar static top类和其他类似的解决方法
-我也尝试过安装插件(由于无效,我现在已经删除了插件)——虽然这主要是“隐藏”导航栏,而不是将其保持在页面顶部的静态状态。
-我尝试过在相关元素上使用“top:0;”和其他格式标记修改CSS,但没有效果

我再次清理了我的代码,以避免把不在一起工作的事情弄得一团糟。(我以前的引导尝试在无法使用的代码中完成,因此我尝试保持干净,并删除未使用/不必要的代码)

感觉很失落。不是一个“超级程序员”,大多是具有丰富逻辑知识的平面设计师。迫切希望有某种默认功能使我的导航栏保持静态

关键是我的导航栏必须保持透明(在处理某些类时,情况并非总是如此)

这是我的密码

/*0。HTML默认值
-----------------------------------------------------------------------------------------------------------------------------*/
:根{
--粉红色:浅粉色;
--灰色:rgba(5,5,5,1);
--达格雷:4545;
--da灰色梯度:线性梯度(至右下角,#131313,#4545);
--da灰色opac:rgba(69,69,69,8);
--da灰色opac:rgb(69,69,69);
}
html,正文{
背景色:黑色;
背景:rgba(65,65,65,1);
背景:-moz线性梯度(-45度,rgba(65,65,65,1)0%,rgba(5,5,5,1)100%);
背景:-webkit渐变(左上、右下、颜色停止(0%,rgba(65,65,65,1))、颜色停止(100%,rgba(5,5,5,1));
背景:-webkit线性梯度(-45度,rgba(65,65,65,1)0%,rgba(5,5,5,1)100%);
背景:-o-线性梯度(-45度,rgba(65,65,65,1)0%,rgba(5,5,5,1)100%);
背景:-ms线性梯度(-45度,rgba(65,65,65,1)0%,rgba(5,5,5,1)100%);
背景:线性梯度(135度,rgba(65,65,65,1)0%,rgba(5,5,5,1)100%);
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#414141',endColorstr='#050505',GradientType=1);
背景重复:无重复;
背景附件:固定;
保证金:0;
身高:100%;
溢出:自动;
z指数:10;
}
html正文*{
}
h1{
字体系列:世纪哥特式,无衬线;
字号:700;
字体风格:普通;
颜色:浅粉色;
字体大小:3vw;
线高:4vw;
}
h2{}
h3{}
h4{}
h5{}
h6{}
p{
字体系列:itc美式打字机,衬线;
字体大小:300;
字体风格:普通;
字号:12.5pt;
颜色:#ffffff;
文本对齐:对齐;
文字装饰:无;
/*文本缩进:50px*/
/*字距:5px*/
/*空白:预处理*/
字母间距:1px;
/*线高:1.3*/
/*填充:50px*/
显示:块;
边界:0;
}
p a:链接{
文字装饰:无;
底边:点状;
字体系列:世纪哥特式,无衬线;
字号:700;
字体风格:普通;
字号:12.5pt;
颜色:浅粉色;
}
p a:参观过吗{
文字装饰:无;
字体系列:世纪哥特式,无衬线;
字号:700;
字体风格:普通;
字号:12.5pt;
颜色:浅粉色;
}
p a:悬停{
文字装饰:无;
底边:点状;
字体系列:世纪哥特式,无衬线;
字号:700;
字体风格:普通;
字号:12.5pt;
颜色:浅粉色;
}
答:积极的{
颜色:浅粉色;
字体系列:世纪哥特式,无衬线;
字号:700;
字体风格:普通;
字号:12.5pt;
颜色:浅粉色;
}  
p、 错误{}
A.
a:链接{}
a:悬停{}
/* 10. 导航
-----------------------------------------------------------------------------------------------------------------------------*/
车身>#导航#桌面{
位置:绝对位置;
排名:0;
左:0;
右:0;
}
#导航桌面>*,
#导航桌面>分区{
背景:无!重要;
/*背景:rgba(0,0,0,0)!重要*/
}
navbar先生{
页边距底部:0;
填充:0;
z指数:100;
} 
/*
.导航栏切换{
填充顶部:15px;
边际上限:0px;
页边距底部:0;
} */
.navbar-nav.navbar-center{
位置:绝对位置;
左:50%;
转换:翻译(-50%);
}
.nav_文本{
字体系列:itc美式打字机,衬线;
字体大小:300;
字体风格:普通;
字号:12.5pt;
颜色:#ffffff;
字母间距:2px;
}
/* 50. 标题
-----------------------------------------------------------------------------------------------------------------------------*/
标题{}
/* 60. 旋转木马英雄滑块
-----------------------------------------------------------------------------------------------------------------------------*/
旋转木马{
排名:0;
}
.英雄文本{
填充顶部:50px;
填充底部:50px;
背景图片:url('./logo_transp.png');
背景尺寸:自动;
背景重复:无重复;
背景位置:中心-50px;
文本阴影:1px 1px 3px黑色;
文本对齐:居中;
位置:绝对位置;
最高:75%;
左:50%;
转换:翻译(-50%,-75%);
}
旋转木马
.项目,
.主动{
高度:100vh;
}
.旋转木马内部{
高度:100vh;
}
.旋转木马内部img{
保证金:自动;
}
/*Zz。引导编辑
-----------------------------------------------------------------------------------------------------------------------------*/
.覆盖{
背景:黑色;
不透明度:0.7;
/*背景尺寸:封面*/
}
钮扣{
显示:内联块;
边框:1px实心;
边框颜色:白色;
填充:10px 10px;
保证金:0;
文字装饰:无;
背景:无;
颜色:白色;
字体系列:世纪哥特式,无衬线;
字号:700;
字体:普通
#myCarousel {
    margin-top: -42px; /* set it equal to the menu height */
}
body > #nav_desktop {
    position: relative;
}
#nav_desktop > *,
#nav_desktop > div {
    background: none !important;
    position: absolute;
    top: 0 !important;
    transform: translate(0%);