Jquery 透明导航条

我有以下问题：

• 我使用带有背景色的导航栏
• 我想删除背景色并使其透明
• 我删除了背景并对其应用了

  position:absolute

信息：图像显示

位置：绝对后的设计。附加的示例代码显示了我应用更改使其透明之前的原始设计

问题：在我将
位置：绝对
应用到导航栏后，项目从右向左移动

目标：只是为了明确目标：我想要同样的导航栏，背景是透明的



*{
框大小：边框框；
保证金：0；
填充：0；
}
.行{
明确：两者皆有；
}
.spalten-6{
宽度：49.99992%；
}
.spalten-12{
宽度：100%；
}
.spalten-6，
.spalten-12{
浮动：左；
}
.img盒img{
宽度：100%；
}
.img盒{
左边框：2倍纯白；
边框顶部：2件纯白；
}
#视频容器{
位置：相对位置；
高度：300px
}
#视频容器{
最高：0%；
左：0%；
身高：100%；
宽度：100%；
溢出：隐藏；
}
视频{
位置：绝对位置；
z指数：-1；
背景：url（'http://ewallpaperhub.com/wp-content/uploads/2015/01/nature-wallpaper-3.jpg")不重复;；
背景尺寸：封面；
过渡：1s不透明度；
}
视频#bgVid.fillWidth{
宽度：100%；
职位：相对
}
导航{
背景色：黑色；
保证金：0；
溢出：隐藏；
}
导航ul{
保证金：0；
填充：0；
}
李国荣{
列表样式类型：无；
}
海军ulli a{
颜色：白色；
背景色：黑色；
显示：块；
线高：1米；
填充物：1em 1.5em；
文字装饰：无；
字母间距：0.15em；
字体大小：13px；
}
nav ul li a.标志{
背景色：黑色；
}
导航ulli a：悬停{
背景色：；
}
李{
浮动：对；
}
李：第一个孩子{
浮动：左；
}
海军航空母舰{
宽度：16px；
高度：16px；
浮动：对；
左边距：-20px；
}
.标志{
字体大小：20px；
字母间距：0.1米；
}
.AbstrandTop{
边缘顶部：10px；
}
}
海军航空母舰{
宽度：16px；
高度：16px；
浮动：对；
左边距：-20px；
}
.标志{
字体大小：20px；
字母间距：0.1米；
}
.AbstrandTop{
边缘顶部：10px；
}













您没有将
nav
的位置设置为绝对位置
您将背景色设置为黑色，因此它不会被转换
您需要设置
z-index
，以确保其具有更高的
z-index
，以便用户可以单击菜单中的项目

*{
框大小：边框框；
保证金：0；
填充：0；
}
.行{
明确：两者皆有；
}
.spalten-6{
宽度：49.99992%；
}
.spalten-12{
宽度：100%；
}
.spalten-6、.spalten-12
{float:left；}
.img盒img{
宽度：100%；
}
.img盒{
左边框：2倍纯白；
边框顶部：2件纯白；
}
#视频容器{
位置：相对位置；
高度：300px
}
#视频容器{
最高：0%；
左：0%；
身高：100%；
宽度：100%；
溢出：隐藏；
}
视频{
位置：绝对位置；
z指数：-1；
背景：url（'http://ewallpaperhub.com/wp-content/uploads/2015/01/nature-wallpaper-3.jpg")不重复;；
背景尺寸：封面；
过渡：1s不透明度；
}
视频#bgVid.fillWidth{
宽度：100%；
职位：相对
}
导航{
保证金：0；
溢出：隐藏；
位置：绝对位置；
z指数：10；
}
导航ul{
保证金：0；
填充：0；
}
李国荣{
列表样式类型：无；
}
海军ulli a{
颜色：白色；
显示：块；
线高：1米；
填充物：1em 1.5em；
文字装饰：无；
字母间距：0.15em；
字体大小：13px；
}
nav ul li a.标志{
背景色：黑色；
}
导航ulli a：悬停{
背景色：；
}
李{
浮动：对；
}
李：第一个孩子{
浮动：左；
}
海军航空母舰{
宽度：16px；
高度：16px；
浮动：对；
左边距：-20px；
}
.标志{
字体大小：20px；
字母间距：0.1米；
}
.AbstrandTop{
边缘顶部：10px；
}
}
海军航空母舰{
宽度：16px；
高度：16px；
浮动：对；
左边距：-20px；
}
.标志{
字体大小：20px；
字母间距：0.1米；
}
.AbstrandTop{
边缘顶部：10px；
}











您没有将
nav
的位置设置为绝对位置
您将背景色设置为黑色，因此它不会被转换
您需要设置
z-index
，以确保其具有更高的
z-index
，以便用户可以单击菜单中的项目

*{
框大小：边框框；
保证金：0；
填充：0；
}
.行{
明确：两者皆有；
}
.spalten-6{
宽度：49.99992%；
}
.spalten-12{
宽度：100%；
}
.spalten-6、.spalten-12
{float:left；}
.img盒img{
宽度：100%；
}
.img盒