Javascript 我从导航栏上的下拉菜单位于幻灯片后面。有人能帮我弄清楚吗？

我已经试图搞乱每个元素的位置（画廊容器，又名幻灯片和导航栏），但我没有得到任何结果。你能帮我弄清楚我可以使用什么样的属性来获得不同的结果吗？事先非常感谢帮助我的人

//FUNCAO RELOGIO
功能时间（）{
今天=新日期（）；
现在=新日期（）；
小时=今天。getHours（）；
分钟=今天。getMinutes（）；
秒=今天。getSeconds（）；
如果（小时<10）{
小时数=“0”+小时数；
}    
如果（分钟<10）{
分钟=“0”+分钟；
}
如果（秒<10）{
秒=“0”+秒；
}
document.getElementById（'tempoActual'）.innerHTML=now.getDate（）+“/”+（now.getMonth（）+1）+“/”+now.getFullYear（）+“+hours+”：“+minutes+”：“+seconds；
setTimeout（'time（）'，500）；
}
//芬考图格尔
功能切换（ID）{
var元素=document.getElementById（ID）；
如果（element.style.display==“无”）{
element.style.display=“块”；
}否则{
element.style.display=“无”；
}
}
//FUNCOES幻灯片放映
var slideIndex、幻灯片、点、标题文本；
函数initGallery（）{
slideIndex=0；
幻灯片=document.getElementsByClassName（“图像持有者”）；
幻灯片[slideIndex].style.opacity=1；
captionText=document.querySelector（“.captionTextHolder.captionText”）；
captionText.innerText=幻灯片[slideIndex].querySelector（“.captionText”）.innerText；
//如果幻灯片计数为1，则禁用nextPrevBtn
if（幻灯片长度幻灯片索引）{
如果（n>=slides.length）{n=0；}
moveSlideAnimClass.forCurrent=“moveLeftCurrentSlide”；
moveSlideAnimClass.forNext=“moveLeftNextSlide”；
slideTextAnimClass=“slideTextFromTop”；
}else if（n.captionTextHolder>.captionText{
保证金：0；
}
.galleryContainer#dotsContainer{
宽度：100%；
身高：10%；
文本对齐：居中；
填充顶部：20px；
框大小：边框框；
}
.galleryContainer#dots容器.dots{
显示：内联块；
宽度：15px；
高度：15px；
边界半径：50%；
左边距：5px；
背景色：#bbb；
光标：指针；
过渡：背景色0.5s；
}
.galleryContainer#dotsContainer.dots:第一个孩子{
左边距：0；
}
.galleryContainer#dotsContainer.dots:悬停，.galleryContainer#dotsContainer.dots.active{
背景色：#717171；；
}
.galleryContainer.moveLeftCurrentSlide{
动画名称：moveLeftCurrent；
动画持续时间：0.5s；
动画计时功能：线性；
动画填充模式：正向；
}
.galleryContainer.moveLeftNextSlide{
动画名称：moveLeftNext；
动画持续时间：0.5s；
动画计时功能：线性；
动画填充模式：正向；
}
@关键帧移动到当前位置{
从{左边距：0；不透明度：1；}
到{左边距：-100%；不透明度：1；}
}
@关键帧左下移动{
从{左边距：100%；不透明度：1；}
到{左边距：0%；不透明度：1；}
}
.galleryContainer.moveRightCurrentSlide{
动画名称：moveRightCurrent；
动画持续时间：0.5s；
动画计时功能：线性；
动画填充模式：正向；
}
.galleryContainer.moveRightPrevSlide{
动画名称：moveRightPrev；
动画持续时间：0.5s；
动画计时功能：线性；
动画填充模式：正向；
}
@关键帧moveRightCurrent{
从{左边距：0；不透明度：1；}
至{左边距：100%；不透明度：1；}
}
@关键帧moveRightPrev{
从{左边距：-100%；不透明度：1；}
到{左边距：0%；不透明度：1；}
}
.slideTextFromBottom{
动画名称：slideTextFromBottom；
动画持续时间：0.7s；
动画计时功能：放松；
}
@关键帧slideTextFromBottom{
从{不透明度：0；页边距顶部：100px}
到{不透明度：1；页边距顶部：0px；}
}
.slideTextFromTop{
动画名称：slideTextFromTop；
动画持续时间：0.7s；
动画计时功能：放松；
}
@关键帧slideTextFromTop{
从{不透明度：0；页边顶部：-100px}
到{不透明度：1；页边距顶部：0px；}
}
/*职能指令手册幻灯片*/
/*图格尔*/
#博托普顿{
宽度：100%；
填充：50px0；
文本对齐：居中；
背景颜色：橙色；
边缘顶部：20px；
}
/*Fim Toogle*/
/*Paginas com单击拖放*/
.h2_滴{
页边距底部：0；
}
。单击并拖放{
利润率最高：5%；
左边距：10%；
保证金权利：10%；
}
。单击鼠标右键，然后单击鼠标右键{
列表样式：无；
字体系列：“Courier New”，Courier，monospace；
字体大小：5vmin；
边框顶部：实心rgb（189189189189）；
左边距：-4.1%；
显示：块；
}
elementoLista先生{
填充：1%；
溢出：自动；
显示：块；
位置：相对位置；
}
.头衔{
浮动：左；
}
刚毛{
浮动：对；
右边距：0%；
}
佩斯康迪多先生{
文本对齐：左对齐；
浮动：左；
左缘：1%；
宽度：50%
}
Mapaessondo先生{
浮动：对；
宽度：400px；
高度：350px；
边界：0；
}
埃斯孔德先生{
字体大小：3vmin；
显示：无；
溢出：自动；
}
h5{
字体大小：4vmin；
字体系列：“Courier New”，Courier，monospace；
利润底部：-3%；
利润率最高：0%；
}
埃斯特拉斯先生{
左缘：5%；
}
/*FIM页码单击下拉*/
/*页脚*/
页脚{
背景：rgba（255,255,255,0.74）；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：10px；
宽度：100%；
高度：60px；
底部：0；
位置：相对位置；
明确：两者皆有；
}
/*职能指令手册页脚*/

圣玛丽亚伊尔哈酒店














ul {
    margin-left: 1.2%;
    padding: 0px;
    list-style: none;
    font-family: arial;
    position: relative;
    z-index: 11;
}