Css 响应菜单隐藏在广告中

我的响应菜单在旁边的adsense代码这里是菜单的css。我有一个响应性网站www.idealbanker.in，但当点击菜单时，它会出现在adsense广告的旁边，请引导我解决这个问题

我的响应菜单在旁边的adsense代码这里是菜单的css。我有一个响应网站www.idealbanker.in，但当点击菜单时，它会进入adsense广告的一侧，请指导我解决它。我的响应菜单位于adsense代码的一侧，这里是菜单的css。我有一个响应性网站www.idealbanker.in，但当点击菜单时，它会出现在adsense广告的旁边，请引导我解决这个问题。

保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
李{
浮动：左；
}
李阿{
显示：内联块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：停下来{
背景色：#111；
}
ul.topnav{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
/*将列表项并排浮动*/
ul.topnav li{float:左；}
/*设置列表项内链接的样式*/
ul.topnav li a{
显示：内联块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
过渡：0.3s；
字号：17px；
}
/*更改悬停时链接的背景色*/
ul.topnav li a:hover{背景色：#555；}
/*隐藏包含应在小屏幕上打开和关闭topnav的链接的列表项*/
ul.topnav li.icon{显示：无；}
@媒体屏幕和屏幕（最大宽度：680px）{
ul.topnav li:not（：第一个子项）{display:none；}
ul.topnav li.icon{
浮动：对；
显示：内联块；
}
}
/*当用户单击图标时，“responsive”类将通过JavaScript添加到topnav中。这个类使topnav在小屏幕上看起来很好*/
@媒体屏幕和屏幕（最大宽度：680px）{
ul.topnav.responsive{位置：相对；}
ul.topnav.responsive li.icon{
位置：绝对位置；
右：0；
排名：0；
}
ul.topnav.li{
浮动：无；
显示：内联；
}
ul.topnav.lia{
显示：块；
文本对齐：左对齐；
}
}
函数myFunction（）{
var x=document.getElementById（“myTopnav”）；
如果（x.className==“topnav”）{
x、 类名+=“响应”；
}否则{
x、 className=“topnav”；
}
}

解决方案

ul.topnav.responsive {
    position:relative;
    z-index: 10;
}

添加

z-index

属性以指定堆栈顺序

ul.topnav.responsive {
    position:relative;
    z-index: 10;
}